uploadify自動上傳
㈠ jquery批量上傳圖片插件uploadify 的例子 可以用的
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<metahttp-equiv='Content-Type'content='text/html;charset=utf-8'/>
<title>Fileupload</title>
<linkrel="Stylesheet"href="js/Plug-in/jquery.uploadify/uploadify.css"/>
<scripttype="text/javascript"src="js/Plug-in/jquery.uploadify/jquery-1.3.2.min.js"></script>
<scripttype="text/javascript"src="js/Plug-in/jquery.uploadify/swfobject.js"></script>
<scripttype="text/javascript"src="js/Plug-in/jquery.uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("#uploadify").uploadify({
'uploader':'js/Plug-in/jquery.uploadify/uploadify.swf',
'script':'uploadify.php',
'cancelImg':'js/Plug-in/jquery.uploadify/cancel.png',
'folder':'uploadfile',
'queueID':'fileQueue',
'auto':false,
'multi':true,
});
});
</script>
</head>
<body>
MAX:20M
</BR>
<inputtype="file"name="uploadify"id="uploadify"/>
<ahref="javascript:$('#uploadify').uploadifyUpload()">Upload</a>|<ahref="javascript:$('#uploadify').uploadifyClearQueue()">cancel</a>
<divid="fileQueue"></div>
</body>
</html>
後台uploadify.php
<?php
/*
Uploadifyv2.1.0
ReleaseDate:August24,2009
Copyright(c)2009RonnieGarcia,TravisNickels
Permissionisherebygranted,freeofcharge,toanypersonobtaininga
(the"Software"),todeal
,
touse,,modify,merge,publish,distribute,sublicense,and/orsell
copiesoftheSoftware,
furnishedtodoso,:
.
THESOFTWAREISPROVIDED"ASIS",WITHOUTWARRANTYOFANYKIND,EXPRESSOR
IMPLIED,,
.INNOEVENTSHALLTHE
,DAMAGESOROTHER
LIABILITY,WHETHERINANACTIONOFCONTRACT,TORTOROTHERWISE,ARISINGFROM,
THESOFTWARE.
*/
if(!empty($_FILES)){
$tempFile=$_FILES['Filedata']['tmp_name'];
$targetPath=$_SERVER['DOCUMENT_ROOT'].$_REQUEST['folder'].'/';
$targetFile=str_replace('//','/',$targetPath).$_FILES['Filedata']['name'];
$targetFile=iconv("utf-8","gbk",$targetFile);
move_uploaded_file($tempFile,$targetFile);
echo"1";
}
?>
㈡ uploadify文件上傳失敗，怎麼重新上傳
用戶出現uploadifyio error錯誤的原因總結有一下幾點：
1、用戶文件是打開狀態
2、用戶殺毒軟體造成
3、伺服器端安全掃描設置開啟
4、伺服器端php配置上傳文件設置問題
重點說下問題3,4兩點的解決之道。
問題3：
在網站根目錄添加.htaccess文件，內容如下:
# 安全掃描設置
<IfMole mod_security.c>
# 禁止對 POST 數據進行安全掃描，使不中斷多文件上傳等功能
SecFilterEngine Off
SecFilterScanPOST Off
</IfMole>
問題4：
修改php配置文件 /etc/php5/apache2/php.ini 下的File Uploads：
file_uploads = On
upload_max_filesize = 100M
max_file_uploads = 30
max_execution_time = 300
如果是niginx，需要設置配置文件的：client_max_body_size 50M;
修改配置文件之後，記得重啟！
這就是解決uploadify io error 的方法。
㈢ 如何用Ajax實現多文件上傳
jquery 實現多個上傳文件教程：
首先創建解決方案,添加jquery的js和一些資源文件(如圖片和進度條顯示等):
1
2
3
4
5
jquery-1.3.2.min.js
jquery.uploadify.v2.1.0.js
jquery.uploadify.v2.1.0.min.js
swfobject.js
uploadify.css
1、頁面的基本代碼如下
這里用的是aspx頁面(html也是也可的)
頁面中引入的js和js函數如下：
1
2
3
4
5
6
7
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.uploadify.v2.1.0.js" type="text/javascript"></script>
<script src="js/jquery.uploadify.v2.1.0.min.js" type="text/javascript"></script>
<script src="js/swfobject.js" type="text/javascript"></script>
<link href="css/uploadify.css" rel="stylesheet" type="text/css" />
</script>
js函數：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type="text/javascript">
$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'image/uploadify.swf', //uploadify.swf文件的相對路徑，該swf文件是一個帶有文字BROWSE的按鈕，點擊後淡出打開文件對話框
'script': 'Handler1.ashx',// script ： 後台處理程序的相對路徑
'cancelImg': 'image/cancel.png',
'buttenText': '請選擇文件',//瀏覽按鈕的文本，默認值：BROWSE。
'sizeLimit':999999999,//文件大小顯示
'floder': 'Uploader',//上傳文件存放的目錄
'queueID': 'fileQueue',//文件隊列的ID，該ID與存放文件隊列的div的ID一致
'queueSizeLimit': 120,//上傳文件個數限制
'progressData': 'speed',//上傳速度顯示
'auto': false,//是否自動上傳
'multi': true,//是否多文件上傳
//'onSelect': function (e, queueId, fileObj) {
// alert("唯一標識:" + queueId + "\r\n" +
// "文件名：" + fileObj.name + "\r\n" +
// "文件大小：" + fileObj.size + "\r\n" +
// "創建時間：" + fileObj.creationDate + "\r\n" +
// "最後修改時間：" + fileObj.modificationDate + "\r\n" +
// "文件類型：" + fileObj.type);
// }
'onQueueComplete': function (queueData) {
alert("文件上傳成功！");
return;
}
});
});
頁面中的控制項代碼：
1
2
3
4
5
6
7
8
9
10
11
12
13
<body>
<form id="form1" runat="server">
<div id="fileQueue">
</div>
<div>
<p>
<input type="file" name="uploadify" id="uploadify"/>
<input id="Button1" type="button" value="上傳" onclick="javascript: $('#uploadify').uploadifyUpload()" />
<input id="Button2" type="button" value="取消" onclick="javascript:$('#uploadify').uploadifyClearQueue()" />
</p>
</div>
</form>
</body>
函數主要參數：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function() {
$('#fileInput1').fileUpload({
'uploader': 'uploader.swf',//不多講了
'script': '/AjaxByJQuery/file.do',//處理Action
'cancelImg': 'cancel.png',
'folder': '',//服務端默認保存路徑
'scriptData':{'methed':'uploadFile','arg1','value1'},
//向後台傳遞參數,methed,arg1為參數名,uploadFile,value1為對應的參數值,服務端通過request["arg1"]
'buttonText':'UpLoadFile',//按鈕顯示文字,不支持中文,解決方案見下
//'buttonImg':'圖片路徑',//通過設置背景圖片解決中文問題,就是把背景圖做成按鈕的樣子
'multi':'true',//多文件上傳開關
'fileExt':'*.xls;*.csv',//文件過濾器
'fileDesc':'.xls',//文件過濾器 詳解見文檔
'onComplete' : function(event,queueID,file,serverData,data){
//serverData為伺服器端返回的字元串值
alert(serverData);
}
});
});
後台一般處理文件：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
using System;
using System.Collections.Generic;
using System.Linq;
using System.IO;
using System.Net;
using System.Web;
using System.Web.Services;
namespace fupload
{
/// <summary>
/// Handler1 的摘要說明
/// </summary>
public class Handler1 : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
HttpPostedFile file = context.Request.Files["Filedata"];//對客戶端文件的訪問
string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"])+"\\";//伺服器端文件保存路徑
if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);//創建服務端文件夾
}
file.SaveAs(uploadPath + file.FileName);//保存文件
context.Response.Write("上傳成功");
}
else
{
context.Response.Write("0");
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
以上方式基本可以實現多文件的上傳，大文件大小是在控制在10M以下/。
㈣ .net網站，文件上傳控制項
uploadify控制項
js: $("#uploadify_HB_SZGT").uploadify({
'swf': '../JS/uploadify/uploadify.swf',
'uploader': '../JS/uploadify/upload_HB_SZGT.ashx',
'buttonText': '添加附件',
'buttonClass': 'button-class',
'buttonCursor': 'hand',
'fileSizeLimit': '2097152KB',
'fileTypeExts': '*.gif; *.jpg; *.png;*.pdf;*.txt;*.doc;*.wps;*.xls;*.jpeg',
'folder': 'dzka_ba',
'queueID': 'fileQueue',
'auto': true,
'multi': false,
'fileObjName': 'Filedata',
'method': 'GET',
'removeCompleted': false,
'onUploadStart': function (file) {
//設置值
var fj_sbxh = $("#ContentPlaceHolder1_hidSBXH").val();
if (fj_sbxh == "") {
alert("請您先登錄");
return;
}
var fj_dzzlzlbh = $("#slDZZLZL").val(); //單證種類編號
var fj_dzzlzlmc = $("#slDZZLZL").find("option:selected").text(); //單證種類名稱
var fj_sblx = $("#txtSBLX").val(); //申報類型
var fj_QFRQ = ($("#txtQFRQ").val() == "") ? "E" : $("#txtQFRQ").val(); //簽發日期
var fj_YXQ = ($("#txtYXQ").val() == "") ? "E" : $("#txtYXQ").val(); //有效期
var fj_SFHL = ($("#txtSFHL").val()=="") ? "E" : $("#txtSFHL").val();//水份含量
var fj_CXGJZ = ($("#txtCXGJZ").val() == "") ? "E" : $("#txtCXGJZ").val(); //查詢關鍵字
var fj_WJLX = $("#slWJLX").val(); //文件類型
$("#uploadify_HB_SZGT").uploadify("settings", "formData", { 'cs_dzzlzlbh': fj_dzzlzlbh, 'cs_dzzlzlmc': fj_dzzlzlmc, 'cs_sblx': fj_sblx,'cs_SFHL':fj_SFHL, 'cs_QFRQ': fj_QFRQ, 'cs_YXQ': fj_YXQ,'cs_CXGJZ': fj_CXGJZ, 'cs_WJLX': fj_WJLX, 'cs_sbxh': fj_sbxh});
}
});
ashx：
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Charset = "utf-8";
string sbxh = context.Request.Form["cs_sbxh"].ToString();
string dzzlzlbh = context.Request.Form["cs_dzzlzlbh"].ToString();
string dzzlzlmc = context.Request.Form["cs_dzzlzlmc"].ToString();
string sblx = context.Request.Form["cs_sblx"].ToString();
string first_CXGJZ = context.Request.Form["cs_CXGJZ"].ToString();
string CXGJZ = (first_CXGJZ == "E") ? "" : first_CXGJZ;
string WJLX = context.Request.Form["cs_WJLX"].ToString();
HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath =
HttpContext.Current.Server.MapPath(context.Request.ApplicationPath) + "czkh_file\\wxp\\cs\\";
if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
//如果Session不能用的話，用Cache
//檢測是否存在相同文件名的文件
string filename = file.FileName.ToString();
string hz = filename.Substring(filename.LastIndexOf("."));//後綴名
//「DZKA_WXPHS_」+申報序號+「_」+單證種類編號+「_」+順序號+「.」+文件後綴
string fileSavePath = Function.getUniqueName(uploadPath + "DZKA_WXPCS_" + sbxh + "_" + dzzlzlbh+ hz);
string wjccmc = fileSavePath.Substring(fileSavePath.LastIndexOf("\\")+1);//文件存儲名稱
string wjxdlj = "/czkh_file/wxp/cs";//文件相對路徑
file.SaveAs(fileSavePath);
int zlxh;
DataTable dtxh = C_WXP_FSZL.getmaxXH(new OracleParameter(":SBXH", sbxh),
new OracleParameter(":SBLX", sblx),
new OracleParameter(":DZZLBH", dzzlzlbh));
if (dtxh.Rows.Count > 0)
{
string strxh = dtxh.Rows[0]["XH"].ToString();
if (string.IsNullOrEmpty(strxh))
{
zlxh = 1;
}
else
{
zlxh = Convert.ToInt32(strxh) + 1;
}
}
else
{
zlxh = 1;
}
C_WXP_FSZL.insert(new OracleParameter(":SBXH", sbxh),
new OracleParameter(":SBLX", sblx),
new OracleParameter(":DZZLBH", dzzlzlbh),
new OracleParameter(":HWXH", "0"),
new OracleParameter(":XH",zlxh),
new OracleParameter(":ZLBH", ""),
new OracleParameter(":ZLMC", dzzlzlmc),
new OracleParameter(":JYBH", ""),
new OracleParameter(":QFRQ", ""),
new OracleParameter(":YXQ", ""),
new OracleParameter(":NJRQ", ""),
new OracleParameter(":HWMC", ""),
new OracleParameter(":SDLB", ""),
new OracleParameter(":WJMC", filename),
new OracleParameter(":ZJS", ""),
new OracleParameter(":BCSYJS", ""),
new OracleParameter(":SYJS", ""),
new OracleParameter(":GS", ""),
new OracleParameter(":SFCFSY", ""),
new OracleParameter(":YFHL", ""),
new OracleParameter(":SFHL", ""),
new OracleParameter(":DD", ""),
new OracleParameter(":SJ", ""),
new OracleParameter(":SFYQX", ""),
new OracleParameter(":QXJZQK", ""),
new OracleParameter(":MC", ""),
new OracleParameter(":SFJGJY", ""),
new OracleParameter(":JYRQ", ""),
new OracleParameter(":ZHBZFA", ""),
new OracleParameter(":WJXDLJ",wjxdlj),
new OracleParameter(":WJCCMC",wjccmc));
//下面這句代碼缺少的話，上傳成功後上傳隊列的顯示不會自動消失
context.Response.Write("1");
}
else
{
context.Response.Write("0");
}
}
㈤ jquery.uploadify 能否實現分片上傳
簡單實現限制uploadify上傳個數
?
123456789101112131415161718
function deleteUrl(){ $("body").on("click",".img-wrap .mask span",function(event){ event.stopPropagation(); var qs=$('#file_upload-queue>div');//所有的隊列 var id=qs.eq(2).attr('id');//得到第三個隊列的id $('#uploadTowedAccredit').uploadify('cancel',id);//這樣就行了，會自動重置隊列數量和刪除dom對象，不能直接qs.eq(2).remove()，無效 /* if(!window.confirm("您確定刪除附件？")){ return; } var imgUrl=$(this).parents(".img-wrap").find("img").attr("src"); deleteImage(imgUrl); $(this).parents(".img-wrap").remove(); */ });};
?
12345678
<li class="blockli clearfix" style="padding-bottom: 5px;"> <span class="left-name"><em class="red-star">*</em>拖機授權委託書：</span> <div class="upload-wrap" style="width:100px;"> <input type="file" name="uploadTowedAccredit" id="uploadTowedAccredit" class="filetext"/> </div> <span id="uploadTowedAccreditLinkTip" class="warn-tips"><em></em>請上傳附件，最多上傳${towedAccreditPicMax} 張</span> <div id="towedAccreditDiv" class="up-img-list clearfix"></div></li>
?
// 上傳拖機授權委託書function uploadTowedAccreditInit(){ $("#uploadTowedAccredit").uploadify({ 'hideButton':'true', 'preventCaching' : 'true', 'checkExisting':'true', 'swf': SWF, 'uploader':uploadImg, 'debug':false, 'multi': true, 'method': 'post', 'preventCaching' : true, 'removeCompleted' : true, 'removeTimeout' : 10, 'requeueErrors' : true, 'successTimeout' : 30, 'uploadLimit' : ${towedAccreditPicMax}, 'fileObjName' : 'Filedata', //單張圖片最大限制 'fileSizeLimit' : '1024KB', 'fileTypeDesc' : 'Image Files', //僅限上傳jpg格式圖片 'fileTypeExts' : '*.jpg;*.png', 'height': 24, 'width':73, 'buttonText' : '上傳附件', 'auto': true, 'buttonClass':'uploada btn-fff-24', 'onSWFReady' : function() { },
㈥ javaWEB項目中如何實現批量選擇文件並上傳呢有什麼好的插件，最好有相關代碼例子
jquery.uploadify批量上傳控制項
[html]
<linkhref="styles/uploadify.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="styles/uploadify.swf"></script>
<scripttype="text/javascript"src="javascripts/jquery.uploadify.min.js"></script>
<linkhref="styles/uploadify.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="styles/uploadify.swf"></script>
<scripttype="text/javascript"src="javascripts/jquery.uploadify.min.js"></script>還有jquery.js,你懂得!
這里注意哦,css文件會引用到這個圖片哦,所以請你指定這個圖片的位置哦,不然就沒有顯示這個叉叉哦,這個叉叉是刪除按鈕的哦,沒有就是空白哦!
[javascript]
<script>
functionsnedUpLoad(){
varpid=$("#entityId").val();//這個是我自己獲取的自定義參數
varentityName=$("#entityName").val();//同上
$("#uploadify").uploadify({//初始化uploadifyuploadify是input的id
//'debug':false,//bug模式,默認是false
'auto':false,//自動上傳,就是控制項自動上傳,默認是true
'multi':true,
//'successTimeout':99999,//超時時間
'formData':{'pid':pid,'entityName':entityName},//我的參數列表
//'fileObjName':'uploadify',//伺服器的屬性名字
'uploader':'你的後台url地址;jsessionid=${pageContext.session.id}',//提交伺服器路徑,這里
說明下;jsessionid=${pageContext.session.id},這個是用於非IE內核的瀏覽器兼容的
'swf':"styles/uploadify.swf",//flash文件,官方的文件,引用上就是了
//'uploader':'/Home/Upload',//文件保存路徑用處不大
'buttonText':'文件上傳',//按鈕
//'height':'32',//瀏覽按鈕的高度
//'width':'100',//瀏覽按鈕的寬度
'fileTypeDesc':'支持的格式：',//在瀏覽窗口底部的文件類型下拉菜單中顯示的文本
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',//允許上傳的文件後綴
'fileSizeLimit':'3MB',//上傳文件的大小限制
'queueSizeLimit':25,//上傳數量
'onSelectError':function(file,errorCode,errorMsg){//返回一個錯誤，選擇文件的時候觸發
switch(errorCode){
case-100:
alert("上傳的文件數量已經超出系統限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"個文件！");
break;
case-110:
alert("文件["+file.name+"]大小超出系統限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小！");
break;
case-120:
alert("文件["+file.name+"]大小異常！");
break;
case-130:
alert("文件["+file.name+"]類型不正確！");
break;
}
},
'onFallback':function(){//檢測FLASH失敗調用
alert("您未安裝FLASH控制項，無法上傳圖片！請安裝FLASH控制項後再試。");
},
'onUploadSuccess':function(file,data,response){//上傳到伺服器，伺服器返回相應信息到data里
if(data){
vardataObj=eval("("+data+")");//轉換為json對象
//$('#uploadify').uploadify('upload')
}
}
});
}
</script>
<script>
functionsnedUpLoad(){
varpid=$("#entityId").val();//這個是我自己獲取的自定義參數
varentityName=$("#entityName").val();//同上
$("#uploadify").uploadify({//初始化uploadifyuploadify是input的id
//'debug':false,//bug模式,默認是false
'auto':false,//自動上傳,就是控制項自動上傳,默認是true
'multi':true,
//'successTimeout':99999,//超時時間
'formData':{'pid':pid,'entityName':entityName},//我的參數列表
//'fileObjName':'uploadify',//伺服器的屬性名字
'uploader':'你的後台url地址;jsessionid=${pageContext.session.id}',//提交伺服器路徑,這里
說明下;jsessionid=${pageContext.session.id},這個是用於非IE內核的瀏覽器兼容的
'swf':"styles/uploadify.swf",//flash文件,官方的文件,引用上就是了
//'uploader':'/Home/Upload',//文件保存路徑用處不大
'buttonText':'文件上傳',//按鈕
//'height':'32',//瀏覽按鈕的高度
//'width':'100',//瀏覽按鈕的寬度
'fileTypeDesc':'支持的格式：',//在瀏覽窗口底部的文件類型下拉菜單中顯示的文本
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',//允許上傳的文件後綴
'fileSizeLimit':'3MB',//上傳文件的大小限制
'queueSizeLimit':25,//上傳數量
'onSelectError':function(file,errorCode,errorMsg){//返回一個錯誤，選擇文件的時候觸發
switch(errorCode){
case-100:
alert("上傳的文件數量已經超出系統限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"個文件！");
break;
case-110:
alert("文件["+file.name+"]大小超出系統限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小！");
break;
case-120:
alert("文件["+file.name+"]大小異常！");
break;
case-130:
alert("文件["+file.name+"]類型不正確！");
break;
}
},
'onFallback':function(){//檢測FLASH失敗調用
alert("您未安裝FLASH控制項，無法上傳圖片！請安裝FLASH控制項後再試。");
},
'onUploadSuccess':function(file,data,response){//上傳到伺服器，伺服器返回相應信息到data里
if(data){
vardataObj=eval("("+data+")");//轉換為json對象
//$('#uploadify').uploadify('upload')
}
}
});
}
</script>
[javascript]
$(function(){
snedUpLoad();//jquery容器載入完運行我們的函數
})
$(function(){
snedUpLoad();//jquery容器載入完運行我們的函數
})
[html]
<inputtype="file"name="uploadify"id="uploadify"/>//申明控制項的容器
<inputtype="file"name="uploadify"id="uploadify"/>//申明控制項的容器
前台頁面代碼基本就這樣了,很好明白,至於後台邏輯和普通上傳處理一致的,這里就不列出來的,最後上一張圖給大家鑒賞一下
(tip:其實他的批量上傳並不是一次全部提交處理的,他是一個一個依次提交,相當是一個for循環,所以後台處理的同時只是一個文件上傳,即排序的處理上傳文件,就和單個文件上傳的代碼一樣,如果你早有後台的單文件上傳代碼就不用改,直接調用就行了,可以共用)
㈦ jsp頁面實現圖片預覽，截取和上傳
比較常用，而且簡單易用的jquery-uploadify插件，支持帶進度的多線程上傳
用到的是flash的跨域上傳模型，這里不用深究
基本文件大致包括
jquery-x.x.x.js
jquery.uploadify.x.js
uploadify.swf
uploadify.css
使用方式：
$(function(){
$("#fileId").uploadify({
width:42,
height:32,
swf:'js/uploadify.swf',
uploader:'upload.do;jsessionid=<%=session.getId()%>',
buttonImage:'image/movetophone_white.png',
fileSizeLimit:2048,
fileObjName:"imgFile",
method:'post',
removeCompleted:true,
fileTypeExts:"*.gif;*.jpg;*.png;*.jpeg;*.bmp",
onSelectError:function(file,errorCode,errorMsg){
alert("文件過大");
},
onUploadStart:function(file){
},
onUploadSuccess:function(file,data,response){
alert("上傳完成");
},
onUploadError:function(file,errorCode,errorMsg){
alert(errorMsg);
}
});
});
<inputtype="file"id="fileId"/>另，工程中需要引入commons-fileupload的包。