ajaxFileUpload图片上传、限制后缀和张数 带参数

ajaxFileUpload图片上传、限制后缀和张数 带参数


HTML: <input type="file" name="img" id="filetoUpload" style="width:180px;" onchange="ajaxFileUpload(this);" /><span class="info">(最多可上传三张图片图片宽高比例3:2,大小不超过300KB)</span></td>


<script language="javascript" src="../assets/static/js/ajaxfileupload.js"></script>
js:


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("最多可上传三张图片"); } }

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...