首先要引用js：

?標(biāo)簽 ：?主意name的名稱(chēng)

?

js 部分：

$(function(){
? ? var options = {
? ? ?? ?url:basePath + "/uploadView/uploadVideoTest.do",
? ? ? ? dataType : "json",
? ? ? ? type : "post",
? ? ? ? success : function(data){
? ? ? ? ? ? console.log(data.url);
? ? ? ? if(data.result =CONSTANTS.CONTROLLER_RESULT.SUCCESS){
? ? ? ? ?? ?$.gritter.add({
? ? ? ? ? ? ?title: '提示信息:',
? ? ? ? ? ? ?text: '視頻上傳成功！',
? ? ? ? ? ? ? image: '../images/icon/check-32.png',
? ? ? ? ? ? ?time: 1500,
? ? ? ? ? ? ?speed: 500,
? ? ? ? ? ? ? sticky: false
? ? ? ? ? });
? ? ? ? $("#videoUrlValue").val(data.data.url);
? ? ? ?}else if(data.result =CONSTANTS.CONTROLLER_RESULT.ERROR){
? ? ?? ? ? $.gritter.add({
? ? ? ? ? ? ?title: '提示信息:',
? ? ? ? ? ? ?text: '視頻上傳異常！',
? ? ? ? ? ? ?image: '../images/icon/check-32.png',
? ? ? ? ? ? ?time: 1500,
? ? ? ? ? ? ?speed: 500,
? ? ? ? ? ? ?sticky: false
? ? ? ? ? });
? ? ? ? }else{
? ? ? ? ?? ?$.gritter.add({
? ? ? ? ? ? ? ? title: '提示信息:',
? ? ? ? ? ? ? ? text: '網(wǎng)絡(luò)忙！',
? ? ? ? ? ? ? ? image: '../images/icon/check-32.png',
? ? ? ? ? ? ? ? time: 1500,
? ? ? ? ? ? ? ? speed: 500,
? ? ? ? ? ? ? ? sticky: false
? ? ? ? ? ? ?});
? ? ? }
? ? ?? ?}
? ? };
? ? $("#videoUrl").change(function(){
? ? ? ?$("#form2").ajaxSubmit(options)
? ? });
});

?

java代碼部分（標(biāo)出的名稱(chēng)必須要與頁(yè)面中的name值對(duì)應(yīng)）：

具體的上傳邏輯，需要根據(jù)業(yè)務(wù)自己去寫(xiě) ，我們這里活動(dòng)了文件 videoFile，其他的實(shí)現(xiàn)就很簡(jiǎn)單了。

轉(zhuǎn)載于:https://my.oschina.net/791076963/blog/902828

總結(jié)

以上是生活随笔為你收集整理的jquery.form 异步上传文件(写的不是很好，望大家多海涵)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。