作者loblve (梅)
看板Ajax
标题Re: [问题]利用ajax 上传档案
时间Fri Jul 29 11:04:36 2011
※ 引述《loblve (梅)》之铭言：
: 我将档案利用ajax 和POST将表单传给另外一个php档案 然後将图片上传
: 这样的作法我会。
: 但是我现在想要给使用者填写表单资料，只要上传大头照之後，就可以预览
: 我的想法是先将照片利用onchange呼叫函式传给伺服器机器，然後再将路径名称回传
: 给javascript 使用者就可以在还没填完全部资料前，只要把图片上传就可以看到图片。
: 只是我现在不知道要怎麽做比较好
: 因为我用javascipt 呼叫表单submit就会转页转走，网页回不来了> < 超冏
: 请帮帮我各位大神
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
谢谢各位大神，我已经解决了
方法是使用iframe
如下
html:
<iframe src="core/commute_uploadpic.php" name="test" align="LEFT"
scrolling="no" width="220" height="160" marginwidth="5" marginheight="5"
frameborder="0">很抱歉，阁下使用的浏览器并不支援 IFrame，不能正常浏览我的网页
。</iframe>
js:
function imgupdate(upload_field){
var filename = upload_field.value;
var toform = document.forms['form_hidden'];
toform.action ='core/commute_uploadpic.php';
toform.method = 'POST'; toform.submit();
}
php:
<?php
if(isset($_FILES['file1'])){
if(($_FILES['file1']['error'])>0)
{ }
else{
$upload_file = "../image/member/".$_FILES['file1']['name'];
if(move_uploaded_file($_FILES['file1']['tmp_name'],
$upload_file))
{
chmod($upload_file,0644);
echo '<img src="../image/member/'.$_FILES['file1']
['name'].'" height="160">';
} }
}else{
echo '<img src="../image/profile.png"
height="160">';}?>
}
希望可以提供以後也有类似问题的人解答。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 163.25.118.153