作者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