Kaedah JavaScript untuk menentukan kemahiran jenis_javascript muat naik fail

WBOY
Lepaskan: 2016-05-16 16:38:00
asal
1383 orang telah melayarinya

Contoh dalam artikel ini menunjukkan cara JavaScript menentukan jenis muat naik fail, yang merupakan teknik yang sangat biasa. Kaedah pelaksanaan khusus adalah seperti berikut:

Fungsi digunakan semasa memuat naik fail, yang dilaksanakan menggunakan teg input elemen html:

<input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file"   title="点击选择文件" onchange="imageSubmit(this,0);"/> 

Salin selepas log masuk

Setelah memilih imej, peristiwa onchange dicetuskan serta-merta untuk memuat naik imej Walau bagaimanapun, berulang kali memilih imej yang sama tidak akan mencetuskan acara onchang adalah seperti berikut:

function imageSubmit(obj, imageType) { 
  if (imageType == "0") { 
  //相关处理代码... 

  //解决上传相同图片不触发onchange事件
  var nf = obj.cloneNode(true);
  nf.value=''; 
  obj.parentNode.replaceChild(nf, obj);
  }
}

Salin selepas log masuk
Kaedah

cloneNode() digunakan untuk mencipta salinan yang sama bagi nod panggilan Parameter true bermaksud melakukan salinan dalam, iaitu, menyalin nod dan keseluruhan pepohon nod anak Apabila parameter palsu, cetek salinan dilakukan, iaitu, Hanya nod itu sendiri disalin. Salinan nod yang dikembalikan selepas penyalinan dimiliki oleh dokumen, tetapi tidak mempunyai nod induk yang diberikan kepadanya. Oleh itu, salinan nod menjadi "anak yatim" melainkan ia ditambahkan pada dokumen melalui appendChild(), insertBefore(), atau replaceChild().

Saya harap artikel ini akan membantu anda menggunakan JavaScript untuk mereka bentuk program web.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan