js無重新整理上傳檔案

2022-07-26 07:21:19 字數 1313 閱讀 3633

傳統的檔案上傳方式

<

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 方法。開始之前先說兩句...