附件上傳插件
『壹』 國家藝術基金申報網上傳附件顯示「不支持插件」是怎麼回事
確定FLASH PLAYER 安裝無誤且可用；
確定需要上傳的文件是否完整（包括文件格式、獲得時可能獲得一半），然後就是兼容性了。
『貳』 有沒有讓chrome支持上傳文件的插件
復制代碼 代碼如下: (function() { if (window.FileUpload) { return; } window.FileUpload = function (id, url) { this.id = id; this.autoUpload = true; this.url = url; this.maxSize = null; this.extensions = null; this.dropId = null; }; window.FileUpload.prototype.init = function() { var obj = this; $('#' + this.id).change(function () { if (obj.autoUpload) { obj.upload(); } }); if (this.supportsFormData()) { if (this.dropId != null) { var drop = $('#' + this.dropId)[0]; drop.addEventListener("dragover", function(e) { e.stopPropagation(); e.preventDefault(); $('#' + obj.dropId).addClass("dragover"); }, false); drop.addEventListener("dragout", function(e) { $('#' + obj.dropId).removeClass("dragover"); }, false); drop.addEventListener("drop", function(e) { e.stopPropagation(); e.preventDefault(); $('#' + obj.dropId).removeClass("dragover"); obj._uploadUsingFormData(e.dataTransfer.files[0]); }, false); } } else { if (this.dropId != null) { $('#' + this.dropId).hide(); } } }; FileUpload.prototype.supportsFormData = function() { return window.FormData != undefined; }; FileUpload.prototype.upload = function() { if (this.supportsFormData()) { this._uploadUsingFormData($("#" + this.id)[0].files[0]); } else { this._uploadUsingFrame(); } }; FileUpload.prototype._uploadUsingFrame = function() { var obj = this; var $frame = $('#uploadFrame'); if ($frame.length == 0) { $frame = $('<iframe id="uploadFrame" width="0" height="0" name="uploadFrame" src=""></iframe>'); $frame.appendTo("body"); $frame.load(function() { var response = $frame.contents().text(); try { var json = $.parseJSON(response); $(obj).trigger("onLoad", json); } catch(ex) { $(obj).trigger("onError", response); } }); } var form = $("#" + this.id).closest("form")[0]; form.target = 'uploadFrame'; form.submit(); }; FileUpload.prototype._uploadUsingFormData = function (file) { var obj = this; var xhr = new XMLHttpRequest(); xhr.addEventListener("load", function (e) { var json = $.parseJSON(xhr.response); $(obj).trigger("onLoad", json); }, false); xhr.addEventListener("error", function (e) { $(obj).trigger("onError", e); }, false); xhr.upload.addEventListener("progress", function (e) { if (e.lengthComputable) { $(obj).trigger("onProgress", e.loaded, e.total); } }, false); xhr.open("POST", obj.url); if (obj.maxSize != null&&file.size>obj.maxSize) { $(obj).trigger("onMaxSizeError"); return; } if (obj.extensions != null) { var name = file.name; var ext = name.substring(name.lastIndexOf("."), name.length).toLowerCase(); if (obj.extensions.indexOf(ext) < 0) { $(obj).trigger("onExtensionError"); return; } } var formData = new FormData(); formData.append("files", file); xhr.send(formData); }; FileUpload.prototype.onLoad = function(handler) { $(this).bind("onLoad", function(sender, args) { handler && handler(args); }); }; FileUpload.prototype.onProgress = function (handler) { $(this).bind("onProgress", function(sender, loaded, total) { handler && handler(loaded, total); }); }; FileUpload.prototype.onError = function (handler) { $(this).bind("onError", function(sender, error) { handler && handler(error); }); }; FileUpload.prototype.onMaxSizeError = function(handler) { $(this).bind("onMaxSizeError", handler); }; FileUpload.prototype.onExtensionError = function (handler) { $(this).bind("onExtensionError", handler); }; })();
『叄』 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循環,所以後台處理的同時只是一個文件上傳,即排序的處理上傳文件,就和單個文件上傳的代碼一樣,如果你早有後台的單文件上傳代碼就不用改,直接調用就行了,可以共用)
『肆』 jquery 除了上傳插件Uploadify以外有沒有別的上傳插件,這個插件是選擇文件就直接上傳了
Uploadify有個方法可以設置，下面這樣設置，就不會直接上傳了
uploadifySettings('auto', false)
你加個按鈕，執行js：
$('#uploadify').uploadifyUpload();//開始上傳
『伍』 谷歌瀏覽器上傳附件的插件不好使了 請問這個該怎麼辦
這是flash版本過低被停用了，安裝chrome到最新版，然後到flash官網下載
flashplayer24pp_va_install，然後重啟chrome即可
『陸』 求一款jQuery或js多圖上傳插件
多圖上傳沒問題，但是想上傳後可以刪除，可以修改名稱。這個只能你自己來實現。之前專門寫了一個上傳插件希望能幫到你
http://blog.csdn.net/sq111433/article/details/16872403
『柒』 文件上傳，下載插件怎麼寫，
http://ci..com/QdsBf92kop
『捌』 .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");
}
}
『玖』 頁面上有一個文件上傳控制項FileUpload1,旁邊用一個按鈕,點擊按鈕,如何實現上傳功能
首先給這個按鈕綁定一個後台Click事件，
protected void Submit_Click(object sender, EventArgs e)
{
UploadFilesToServer(this.fileUpload.FileName,FileEnum.FileEnumType.bookDown,imgFile);
}
/// <summary>
/// 將文件保存到伺服器
/// </summary>
/// <param name="filePath">上傳控制項中的路徑</param>
/// <param name="type">上傳文件的類型</param>
/// <param name="imgFile"></param>
/// <returns></returns>
public string UploadFilesToServer(string filePath, FileEnum.FileEnumType type, HttpPostedFile imgFile)
{
if (!string.IsNullOrEmpty(filePath))
{
string houzui = new FileInfo(filePath).Extension;
if (houzui.ToLower().Equals("." + FileEnum.FileExtension.zip.ToString()) || houzui.ToLower().Equals("." + FileEnum.FileExtension.rar.ToString()))
{
System.IO.FileStream fs = new FileStream(filePath, FileMode.Open, FileAccess.Read);
byte[] mydata = new byte[fs.Length];
int length = Convert.ToInt32(fs.Length);
fs.Read(mydata, 0, length);
string filename = DateTime.Now.ToString("yyyyMMddHHmmssffff") + houzui;
string savePath = string.Empty;
savePath = ConfigurationManager.AppSettings["uploadFilePath"] + type.ToString() + "/" + filename;
fs = new FileStream(Context.Server.MapPath(savePath), FileMode.Create, FileAccess.Write);
fs.Write(mydata, 0, mydata.Length);
fs.Flush();
fs.Close();
return savePath;
}
return string.Empty;
}
return string.Empty;
}
『拾』 怎麼實現文件批量上傳 顯示進度條而且上傳後不跳轉頁面 推薦幾個上傳插件
用JSP可以批量上傳，要想帶進度條，單單JSP似乎難以做到，但可借用一些JS插件，如：ExtJS。
ExtJS裡面有進度條功能，將JSP與ExtJS內部的數據結合起來，應該可以實現，不過這種我沒做過。
在我所見中，163郵箱里有這種的功能，可以參考一下。