يتم استخدام عنصر التحكم في التحميل (<input type = "file"/>) لتصفح الملفات وتحميلها على العميل. يمكن الحصول على المسار الذي حدده المستخدم من خلال سمة القيمة، ولكن سمة القيمة للقراءة فقط ولا يمكن الحصول عليها تم تعيينه من خلال جافا سكريبت، مما يجعل من غير الممكن مسحه عبر بيان القيمة = "". من السهل أن نفهم سبب كونها للقراءة فقط، إذا كان من الممكن تعيين القيمة حسب الرغبة، فطالما أن المستخدم يفتح صفحة الويب الخاصة بك، يمكنك تحميل الملفات على جهاز الكمبيوتر الخاص به كما يريد.
يحصل Node.js على قيمة <intput type=file />
انسخ رمز الكود كما يلي:
<أتش تي أم أل>
<لغة البرنامج النصي='جافا سكريبت'>
عرض الوظيفة () {
var p=document.getElementById("file1").value;
document.getElementById("s").innerHTML="<input id=pic type=image height=96 width=128 /> ";
document.getElementById("pic").src=p;
تنبيه (ع)؛
}
</script>
<الرأس>
<title>MyHtml.html</title>
</الرأس>
<الجسم>
<input type = "file" name = "file1" id = "file1" onpropertychange = "show ()؛" />
<span id="s"></span>
</الجسم>
</html>
طريقتان لمسح قيمة عنصر التحكم في التحميل (<input type="file"/>)
الطريقة الأولى:
انسخ رمز الكود كما يلي:
<معرف النطاق=span1>
<اسم الإدخال=نوع ab=ملف>
</span>
<اسم الإدخال = نوع الزر 1 = قيمة الزر = "اضغط" عند النقر = إظهار ()>
<لغة البرنامج النصي=جافا سكريبت>
عرض الوظيفة ()
{
document.getElementById("span1").innerHTML="<input name=ab type=file>";
}
</script>
الطريقة الثانية:
انسخ رمز الكود كما يلي:
وظيفة ClearFileInput(ملف){
var form=document.createElement('form');
document.body.appendChild(form);
// تذكر موضع الملف في النموذج القديم
var pos=file.nextSibling;
form.appendChild(file);
form.reset();
pos.parentNode.insertBefore(file,pos);
document.body.removeChild(form);
}