傳統的檔案上傳方式
<form
action
=""method
="post"
enctype
="multipart/form-data"
>
<
input
type
="file"
name
="file"
/>
<
input
type
="submit"
/>
form
>
在執行上傳後,頁面會跳轉到action指定的位址。
一般使用者需要使用無頁面重新整理的上傳方式上傳檔案,此時可採取iframe的方式,將form表單提交後的返回內容,重定向到iframe中。
修改後的**為
<form
action
=""method
="post"
target
="target"
enctype
="multipart/form-data"
>
<
input
type
="file"
name
="file"
/>
<
input
type
="submit"
/>
form
>
<
iframe
name
="target"
id="target"
frameborder
="0"
width
="0"
height
="0"
>
iframe
>
<
script
>
variframe
=document.getelementbyid(
"target");
varuploadcallback
=function
() ;
iframe.onload
=uploadcallback;
script
>
利用iframe的onload事件,檢測是否傳輸完畢,並獲取傳輸後的服務端返回值。
示例非常簡單,會有瀏覽器不相容的情況,但上傳外掛程式的基本思想如此。
此外還有swf方式的實現方式,可現實上傳速度以及進度等資訊。
無重新整理上傳檔案
這幾天做的專案用到了檔案上傳,總結一下,加深一下印象吧。嘿嘿.1.乙個新增功能,需要上傳,上 1 3 new 427 28 mvc 非同步提交表單,還有檔案上傳時最好加上enctype multipart form data 這個屬性。2.前端觸發事件 jquery 1 上傳 2function b...
ajax jsp 無重新整理上傳檔案
首先要說的就是 ajax 是無法實現上傳檔案的,可以想一下ajax與後台通訊都是通過傳遞字串,怎麼能傳遞檔案呢?其實出於安全考慮js是不能操作檔案的,所以就不要再說用ajax來實現檔案的上傳了,這是不可能的。而本文實現的檔案上傳也是無頁面重新整理的,可以說是一種 類似ajax 方法。開始之前先說兩句...
jsp 無重新整理上傳檔案
首先要說的就是 ajax 是無法實現上傳檔案的,可以想一下ajax與後台通訊都是通過傳遞字串,怎麼能傳遞檔案呢?其實出於安全考慮js是不能操作檔案的,所以就不要再說用ajax來實現檔案的上傳了,這是不可能的。而本文實現的檔案上傳也是無頁面重新整理的,可以說是一種 類似ajax 方法。開始之前先說兩句...