JQuery實現 圖片上傳

標籤：code   顯示   log   圖片顯示   頭像   script   xxxxx   實現   失敗   

用到的檔案，我都已經打包好了，自行下載：

https://files.cnblogs.com/files/lguow/lib.rar

核心代碼如下：

<input type="hidden" name="avatar" id="avatar"><img src="" alt="" id="avatarShow" width="200px" height="200px"><span>上傳頭像</span><input type="file" name="file" id="file" onchange="uploadImg();"  ><script>function uploadImg() {    debugger;    if($("#file").val() != "") {        $.ajaxFileUpload({            type: "POST",            url:"/selfsuperXXXXX/uploadFile",//後台介面            dataType: "json",            fileElementId:"file",  // 檔案的id            success: function(d){                if(d.code == 0) {                    js.showMessage("上傳成功");                    //圖片顯示                    $("#avatar").attr("value",d.data.url);                    $("#avatarShow").attr("src",d.data.url);                }            },            error: function () {                js.showMessage("上傳失敗");            },        });    } else {        js.showMessage("請先選擇檔案");    }}</script.

湊字數用。。。。。。。。。。。。。。湊字數用。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。湊字數用。。。。。。。。。。。。。。。。。。。。。。。。湊字數用。。。。。。。。。。。。。。。。。。。。。。。。。。湊字數用。。。。。。。。。湊字數用。。。。。。。。。。。。。湊字數用。。。。。。。。。。。。。。。。。。。。。。湊字數用。。。。。。。。。。。。湊字數用湊字數用湊字數用湊字數用

JQuery實現 圖片上傳