使用ajaxFileUpload進行文件上傳,在chrome浏覽器腳本控制台報錯:$.ajaxFileUpload is not a function,點擊上傳按鈕沒有響應。
代碼如下:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>
<script type="text/javascript">
function uploadFileByAjax() {
//驗證文件是否選擇文件
var fileObj = $("#uploadFile");
var fileName = fileObj.attr("value");
if(fileName == null || fileName == ""){
return;
}
alert(fileName);
$.ajaxFileUpload({
url : "/Itil/attamgn/upload", //需要鏈接到服務器地址
secureuri : false,
fileElementId : "uploadFile", //文件選擇框的id屬性
dataType : "json", //服務器返回的格式,可以是json, xml
success : function(data, status) //相當於java中try語句塊的用法
{
//alert("記錄ID:" + data.seqId);
//alert("文件名:" + data.uplName);
attList.push(data.seqId);
//修改顯示文件列表
var content = "<li id=\"file" + fileIndex + "\" class=\"one-line border-radius-all attach\"><span class=\"name one-line\"><a class=\"ico ico-attach text\">";
content = content + data.uplName + "</a></span>";
content = content + "<span class=\"tool\"><a class=\"ico ico-remove hover\" title=\"刪除\" onclick=\"deleteUploadFile('file"+fileIndex + "', '"+ data.seqId +"')\"></a></span></li>";
content = content + $("#fileList").html();
$("#fileList").html(content);
},
error : function(data, status, e) //相當於java中catch語句塊的用法
{
alert("上傳失敗");
}
}
);
}
</script>
<body>
<a><span id="" class="ico ico16 ico-attach hover ml10" title="添加附件" onclick="uploadFileByAjax(); return false; "></span></a>
</body>
哪位大神指點一下啊!
從訪問時的頁面源碼可以進入引入的jquery.min.js和ajaxfileupload.js文件,可以確認引入沒問題。
你剛確認沒問題我就敢說你的代碼不會報錯,肯定是你路徑搞錯了,chrome開發工具network選項卡看看什麼資源404了。
要麼就是ajaxfileupload被修改過導致報錯