如何將JavaScript腳本更改為jQuery功能代碼

Question

大家好，我是jQuery的新手，如何將該JavaScript代碼更改為jQuery功能代碼，以便隨時隨地在任何對象處調用它

像： $("#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
};

Answer 1

您可以在這樣的函數中鍵入所有內容

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

然后像這樣調用函數

uploader();