vue專案之上傳單個檔案或者多個檔案

2021-09-03 08:52:42 字數 1305 閱讀 3804

不管是單個檔案或者多個檔案上傳,都是通過後台控制的,介面不一樣。

目前,單個檔案,後台不需要傳其他額外的引數,就需要上傳檔案的資訊

upfile()

, success:

function

(responsestr)

)return

false

}// 有資料

that.

$alert

('上傳成功!!!'

,'提示',)

that.controlvalue = responsestr.data

}}})}

}

剛開始用的 ajax–data裡面多加了幾個引數,發現沒有用,就直接在ajax–url後面加了

let processtemplateid =

001let processtemplateid =

234let processname =

'我是漢字'

$.ajax({

url:

''+ processid +

'&processtemplateid='

+ processtemplateid +

'&processname='

+ processname,

trpe:

'post'

, data: formdata,

// 告訴jquery不要去處理傳送的資料

processdata:

false

,// 告訴jquery不要去設定content-type請求頭

datatype:

'json'

,

這樣,資料可以取出來

單檔案上傳,介面返回資料返回最新一條

多檔案上傳,介面返回多個資料

// $.ajax() 在main.js中引入jquery

import $ from

'jquery'

// $alert -- elementui,專案中是全域性引入,也可區域性引入

import elementui form 'element-ui'

import

'element-ui/lib/theme-chalk/index.css'

vue.

use(elementui)

上傳單個或多個檔案

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

PHP上傳(單個)檔案示例

通過 php,可以把檔案上傳到伺服器。建立乙個檔案上傳表單 允許使用者從表單上傳檔案是非常有用的。請看下面這個供上傳檔案的 html 表單 請留意如下有關此表單的資訊 標籤的 enctype 屬性規定了在提交表單時要使用哪種內容型別。在表單需要二進位制資料時,比如檔案內容,請使用 multipart...

struts2 上傳單個檔案的注意要點

1.struts上傳檔案,推薦檔名為英文或者數字組成。本人用中文測試了一下上傳,一直顯示不了。2 控制台輸出 removing file userimg d program files apache tomcat 6.0.26 work catalina localhost struts2 uplo...