ajaxFileUpload圖片上傳、限制後綴和張數 帶參數 javascript
HTML: <input type="file" name="img" id="fileToUpload" style="width:180px;" onchange="ajaxFileUpload(this);" /><span class="info">(最多可上傳三張圖片,圖片寬高比例3:2,大小不超過300KB)</span></td>
java
var i = 0;
function ajaxFileUpload(fileObj) {
if (i < 3) {
var allowExtention = ".jpg,.bmp,.gif,.png"; //容許上傳文件的後綴名document.getElementById("hfAllowPicSuffix").value;
var extention = fileObj.value.substring(fileObj.value.lastIndexOf(".") + 1).toLowerCase();
var browserVersion = window.navigator.userAgent.toUpperCase();
if (allowExtention.indexOf(extention) > -1) {
$.ajaxFileUpload({
url: 'ajax_imgupload.jsp',
secureuri: false,
fileElementId: 'fileToUpload',
data: {
"types": "1"
},
dataType: 'json',
success: function(data, status) {
if (typeof(data) != 'undefined') {
$.each(data,
function(k, v) {
$(".imagelist").find("li").eq(i).find("img").attr("src", v.url).attr("id", v.id).removeAttr("title");
i++;
});
}
},
});
} else {
alert("僅支持" + allowExtention + "爲後綴名的文件!");
fileObj.value = ""; //清空選中文件
if (browserVersion.indexOf("MSIE") > -1) {
fileObj.select();
document.selection.clear();
}
fileObj.outerHTML = fileObj.outerHTML;
}
} else {
alert("最多可上傳三張圖片");
}
}
ajax