لن أشرح بالتفصيل حول ملف API هنا. دعونا نعتني بنفسك. عندما نأتي ، يتعين علينا استخدام مقبض الملف لقراءة محتوى الملف. ويتحقق هذا من خلال FileReader. من خلال واجهة FileReader ، يمكننا تحميل محتوى الملف بشكل غير متزامن في الذاكرة وتعيين متغير JS معين.
نسخة الكود كما يلي:
وظيفة getImgSrc (الهدف ، رد الاتصال) {
if (window.filereader) {
var opreviewimg = null ، ofReader = new window.filereader () ؛
OfReader.onload = function (offervent) {
OpReviewImg = new Image () ؛
var type = target.files [0] .type.split ("/") [1] ؛
var src = OfRevent.Target.Result ؛
Opreviewimg.src = src ؛
if (typeof callback == "function") {
رد الاتصال (OpReviewimg ، Target ، type ، SRC) ؛
}
إرجاع Opreviewimg.src ؛
} ؛
إرجاع (وظيفة () {
var afiles = target.files ؛
if (afiles.length === 0) {
يعود؛
}
if (! isimgtype (afiles [0] .type)) {
تنبيه ("يجب تحديد ملف صورة صالح!") ؛
يعود؛
}
if (afiles [0] .size> 1024 * 1024) {
target.value = "" ؛
تنبيه ("يرجى تحميل حجم ملف الصورة أقل من 1M.") ؛
يعود؛
}
OfReader.ReadasDataurl (afiles [0]) ؛
}) () ؛
}
if (navigator.appname === "Microsoft Internet Explorer") {
إرجاع (وظيفة () {
document.getElementById ("ImagePreview"). filters.item ("dimixageTransform.microsoft.alphaimageloader"). src = target.value ؛
}) () ؛
}
}
ما سبق هو رمز المفتاح لتحميل الصور مع JavaScript مع FileReader. هل أحببت ذلك؟