關於JS提交file 上傳檔案

2022-05-08 20:54:15 字數 985 閱讀 6753

最近因寫乙個上傳功能,不能重新整理頁面,且頁面得有後台返回的資訊,因而不能使用form直接提交表單,嘗試使用is提交並接受返回資料,不多說**如下:

前台:

$list.pid}>">

class="file">嗮圖

$list.pid}>" class="upload" id="<>" multiple/>

js:$(".upload").change(function

(e)

var img = new

formdata();

$.ajax(

else

}});

});function del(e,$id

)後台處理以及返回資訊:

public

function

com_upload()

$ext = $this->extend($value['name']);

if(!in_array($ext,$extarr

))

if($value['size']>(1024*1024))

//開始上傳 最大上傳1m

$a = $upload->upload($key,$site_allowext,1024*1024);

if($a

) }

$upload_img = ltrim($upload_img, ",");

$data=array('status'=>'succ','url'=>$upload_img

);

echo json_encode($data

);

exit

;

///////////////////////////上傳end///////////////////////////

}function extend($file_name

)

AjaxSubmit 提交file檔案

之前在網上查了各種方法,想要提交file檔案,還要能接收返回值。推薦使用ajaxsubmit 方法。formid submit this aja程式設計客棧xsubmit return fawww.cppcns.comlse 阻止自動提交 但使用的時候會發現,這樣會出現多次提交,第一次請求一次,第二...

File實現檔案上傳

upload.html 1 表單 action 上傳檔案的後台介面 method post enctype multipart form data 檔案輸出框 準備servlet url一定要與上面的表單action保持一致 編寫後台 實現檔案上傳 try catch exception ex 準備...

JS 檔案上傳

在html表單中,可以上傳檔案的唯一控制項就是 input type為file,可以使用accept進行檔案的型別過濾,但是這只是在檔案選擇視窗的過濾,服務端還是要再進行判斷,具體關於accept屬性的設定可以參考這個文章 需要注意的是表單form的enctype必須指定為multipart for...