JS 單個或多個檔案上傳 不支援單獨修改

2021-09-25 18:28:39 字數 3026 閱讀 4622

a-from表單直接填寫提交位址,不過干預:

1. 單檔案上傳

最簡單的檔案上傳,是單檔案上傳,form標籤中加入enctype="multipart/form-data",form表單中有乙個input[type="file"]項

<

form

name

="form1"

method

="post"

action

="/abc.ashx"

enctype

="multipart/form-data"

>

<

input

type

="text"

name

="user"

id="user"

placeholder

="請輸入暱稱"

>

<

input

type

="file"

name

="userimage"

id="userimage"

>

<

input

type

="submit"

name

="sub"

value

="提交"

>

form

>

2. 多檔案上傳

1)類似單檔案上傳,簡單的多檔案上傳其實就是多幾個input[type="file"]項

<

form

name

="form1"

method

="post"

action

="/abc.php"

enctype

="multipart/form-data"

>

<

input

type

="text"

name

="user"

id="user"

placeholder

="請輸入暱稱"

>

<

input

type

="file"

name

="userimage1"

id="userimage1"

>

<

input

type

="file"

name

="userimage2"

id="userimage2"

>

<

input

type

="file"

name

="userimage3"

id="userimage3"

>

<

input

type

="submit"

name

="sub"

value

="提交"

>

form

>

2) html5為表單檔案項新增了乙個multiple屬性,可以設定實現選擇多個檔案,如

<

form

name

="form1"

method

="post"

action

="/abc.php"

enctype

="multipart/form-data"

>

<

input

type

="text"

name

="user"

id="user"

placeholder

="請輸入暱稱"

>

<

input

type

="file"

name

="userimage"

id="userimage"

multiple

>

<

input

type

="submit"

name

="sub"

value

="提交"

>

form

>

b-js處理提交:

1-ajax:

$.ajax(,    

error :

function

(data)

});

2-ajax通過formdata:

$.ajax().done(

function

(res) ).fail(

function(res) {});

3-jquery.form.js:

需引用jquery.form.js檔案

window.ordercomplaintcache.$formmessage.attr("action", "/ajax/usercenterhandler.js?action=complaintorder");window.ordercomplaintcache.$formmessage.ajaxsubmit(

function

(json)

catch

(e)

var code =data.code;

//$(":text,textarea").val("");

if (code > 0)

else

location.href =location.href;

});

上傳單個或多個檔案

一 匯入包 href 二 ui實現 年取水計畫相關檔案 class fileuploaddivcontainers 選擇檔案 style width 180px 刪除企業快照 選擇檔案 style width 180px 刪除三 控制項例項化 四 後台接收 1 實體類要實現介面fileinte ce...

網路 上傳檔案(單個與多個)

import viewcontroller.h inte ce viewcontroller end implementation viewcontroller define czboundary itcast void viewdidload void touchesbegan nsset tou...

shell如何檢視單個或多個檔案的行數或總行數

1awk 1 awk 檔名 tail n1 如圖 2awk 2 awk end 檔名 如圖 3sed sed n 檔名 如圖 4wc wc 檔名 即可查詢到行號 如果只想顯示行號可以用 wc l 檔名 wc 單個檔案 資料夾都可以 如圖所示 wc 會統計出總的行數,和單個檔案的行數。end如果想把空...