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
};
功能,您可以創建一個插件[從stratch(https://開頭learn.jquery.com/plugins/basic-plugin-creation/)或[使用jQueryUI的工具工廠](http://learn.jquery.com/jquery-ui/widget-factory/) – jmgross
我想轉換代碼插入一個插件,但我不知道從哪裏開始 –
首先,不要將'document.getElementById('feeds_image_response')'與'$(「#feeds_image_response」)混合使用'=只使用jQuery或普通的js。 – moonwave99