2015-05-29 35 views
0

嘿,夥計們是新來的jQuery,我怎樣才能改變這種javascript代碼到jQuery的功能代碼,以便我把它時,我想在任何物體我怎樣才能更改JavaScript腳本轉換爲jQuery的功能代碼

LIKE:$("#profile_img").uploader();

顯然這段代碼工作正常,但我的問題是我必須填充代碼,每次我需要上傳一個文件在不同的文件輸入上傳。

var input = document.getElementById("choosen_feeds_image"), 
      formdata = false; 

if (window.FormData) { 
    formdata = new FormData(); 
    document.getElementById("feeds_upload_btn").style.display = "none"; 
} 

if (input.addEventListener) { 
    input.addEventListener("change", function (evt) { 
     var i = 0, len = this.files.length, img, reader, file; 

     document.getElementById("response").innerHTML = "" 

     for (; i < len; i++) { 
      file = this.files[i]; 
      if (!!file.type.match(/image.*/)) { 
       if (window.FileReader) { 
        reader = new FileReader(); 
        reader.onloadend = function (e) { 
         showUploadedItem(e.target.result); 
        }; 
        reader.readAsDataURL(file); 
       } 
       if (formdata) { 
        formdata.append("feeds_image", file); 
       } 

       if (formdata) { 
        $.ajax({ 
         url: "member/feeds_image_upload", 
         type: "POST", 
         data: formdata, 
         processData: false, 
         contentType: false, 
         success: function (res) { 
          if (res.length <= 40) { 
           document.getElementById('feeds_image_response').innerHTML = res; 
           $("#feeds_image_response").css('display', 'none'); 
          } else { 
           document.getElementById("response").innerHTML = res; 
           $("#response").css('display', 'none'); 
          } 
         } 
        }); 
       } 
      } else { 
       document.getElementById("response").innerHTML = ""; 
       alert("Sorry, You choose unsupported file"); 
      } 
     } 

    }), false 
}; 
+0

功能,您可以創建一個插件[從stratch(https://開頭learn.jquery.com/plugins/basic-plugin-creation/)或[使用jQueryUI的工具工廠](http://learn.jquery.com/jquery-ui/widget-factory/) – jmgross

+0

我想轉換代碼插入一個插件,但我不知道從哪裏開始 –

+0

首先,不要將'document.getElementById('feeds_image_response')'與'$(「#feeds_image_response」)混合使用'=只使用jQuery或普通的js。 – moonwave99

回答

0

,你可以在函數內部的所有像這樣輸入

function uploader(){ 
    console.log('myFuntionUploader'); 
} 

,然後調用這樣

uploader();