首先要引用js：

?標簽 ：?主意name的名稱

?

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: '網絡忙！',
? ? ? ? ? ? ? ? image: '../images/icon/check-32.png',
? ? ? ? ? ? ? ? time: 1500,
? ? ? ? ? ? ? ? speed: 500,
? ? ? ? ? ? ? ? sticky: false
? ? ? ? ? ? ?});
? ? ? }
? ? ?? ?}
? ? };
? ? $("#videoUrl").change(function(){
? ? ? ?$("#form2").ajaxSubmit(options)
? ? });
});

?

java代碼部分（標出的名稱必須要與頁面中的name值對應）：

具體的上傳邏輯，需要根據業務自己去寫 ，我們這里活動了文件 videoFile，其他的實現就很簡單了。

轉載于:https://my.oschina.net/791076963/blog/902828

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。