Saya mengembangkan aplikasi metro dengan VS2012 dan Javascript
Saya ingin mengatur ulang isi input file saya:
<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />
Bagaimana saya harus melakukan itu?
Saya mengembangkan aplikasi metro dengan VS2012 dan Javascript
Saya ingin mengatur ulang isi input file saya:
<input type="file" id="uploadCaptureInputFile" class="win-content colors" accept="image/*" />
Bagaimana saya harus melakukan itu?
inputElement.value = ""
melakukan trik baik-baik saja tanpa menggunakan kloning atau pembungkus seperti yang disarankan. Bekerja di CH (46), IE (11) dan FF (41)Jawaban:
Solusi jQuery yang diposting @ dhaval-marthak di komentar jelas berfungsi, tetapi jika Anda melihat panggilan jQuery yang sebenarnya, cukup mudah untuk melihat apa yang dilakukan jQuery, cukup mengatur
value
atribut ke string kosong. Jadi dalam JavaScript "murni" adalah:sumber
$(#myfileselector).trigger('fileselect', [1, ""]);
Anda harus membungkus
<input type = “file”>
dengan<form>
tag dan kemudian Anda dapat mengatur ulang input dengan mengatur ulang formulir Anda:sumber
$("form").get(0).reset();
. The.get(0)
akan kembali elemen bentuk yang sebenarnya, sehingga Anda dapat menggunakanreset()
fungsi.Ini adalah solusi TERBAIK:
Dari semua jawaban di sini, ini adalah solusi tercepat. Tidak ada klon input, tidak ada form reset!
Saya memeriksanya di semua browser (bahkan memiliki dukungan IE8).
sumber
input.type
juga? Pengaturan nilai untuk''
memberikan hasil yang diharapkan.onchange
event di MS Edge?Jika Anda memiliki yang berikut:
maka lakukan saja:
untuk mengatur ulang kontrol file.
sumber
inputFileEl.value = '';
Anda bisa mengkloning dan menggantinya dengan itu sendiri, dengan semua acara masih terlampir:
dan
Terima kasih: Css-tricks.com
sumber
value
serupa pada jawaban lain tampaknya jauh lebih mudah daripada memanipulasi DOM.Solusi lain (tanpa memilih elemen HTML DOM)
Jika Anda menambahkan pendengar acara 'ubah' pada input itu, maka dalam kode javascript Anda dapat memanggil (untuk beberapa kondisi tertentu):
Misalnya dalam HTML:
Dan dalam javascript:
sumber
.
di depan ekstensi file.LARUTAN
Kode berikut ini berfungsi untuk saya dengan jQuery. Ia bekerja di setiap browser dan memungkinkan untuk melestarikan acara dan properti khusus.
DEMO
Lihat jsFiddle ini untuk kode dan demonstrasi.
LINK
Lihat Cara mengatur ulang input file dengan JavaScript untuk informasi lebih lanjut.
sumber
<input type="file">
dengan ID tertentu.Menyetel ulang tombol unggah file sangat mudah menggunakan JavaScript murni !
Ada beberapa cara untuk melakukannya, tetapi cara langsung yang harus bekerja dengan baik di banyak browser adalah mengubah nilai yang diajukan menjadi tidak ada, sehingga cara unggah arsip diatur ulang, juga mencoba menggunakan javascript murni daripada kerangka apa pun, saya membuat kode di bawah ini, cukup periksa (ES6):
sumber
Khusus untuk Angular
Akan bekerja, Tetapi jika Anda menggunakan Angular Ini akan mengatakan "Nilai properti 'tidak ada pada tipe' HTMLElement'.any"
document.getElementById () mengembalikan tipe HTMLElement yang tidak mengandung properti nilai. Jadi, masukkan ke dalam HTMLInputElement
EKSTRA: -
Namun, kita tidak boleh menggunakan manipulasi DOM (document.xyz ()) dalam sudut.
Untuk melakukan itu, angular telah menyediakan @VIewChild, @ViewChildren, dll yang masing-masing adalah document.querySelector (), document.queryselectorAll ().
Bahkan saya belum membacanya. Lebih baik mengikuti blog para ahli
Melalui ini link1 , link2
sumber
Saya gunakan untuk vuejs
sumber
File input reseting sangat tunggal
$('input[type=file]').val(null);
Jika Anda mengikat mengatur ulang file di ubah bidang lain dari formulir, atau muat formulir dengan ajax.
Contoh ini berlaku
pemilih misalnya adalah
$('input[type=text]')
atau elemen apa pun dari formuliracara
click
,,change
atau acara apa punsumber
Dengan IE 10 saya menyelesaikan masalah dengan:
dimana:
sumber
sumber
Ada banyak pendekatan dan saya akan menyarankan untuk pergi dengan lampiran ref to input.
untuk menghapus nilai setelah mengirim.
sumber
Cukup gunakan:
sumber
Dengan angular Anda dapat membuat variabel templat dan mengatur nilainya
null
Atau Anda dapat membuat metode untuk mengatur ulang seperti ini
komponen.ts
templat
demo stackblitz
sumber
Anda tidak dapat mengatur ulang itu karena ini adalah file hanya baca. Anda dapat mengkloningnya untuk menyelesaikan masalah.
sumber
Anda harus mencoba ini:
sumber
Ini bisa dilakukan seperti ini
sumber
Solusi Terbaik Saya
sumber
solusi jQuery:
sumber
on change
dipicu nilai akan dihapus. Jenis input akan dipindahkan dari nol ke file.Saya menghadapi masalah dengan ng2-file-upload untuk sudut. jika Anda mencari solusi dalam kode sudut rujukan di bawah ini
HTML:
<input type="file" name="myfile"
#activeFrameinputFileng2FileSelect [uploader]="frameUploader" (change)="frameUploader.uploadAll()" />
komponen
import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
@ViewChild('
activeFrameinputFile')
InputFrameVariable: ElementRef;
this.frameUploader.onSuccessItem = (item, response, status, headers) => {
};
sumber
sumber
Jika Anda memiliki beberapa file di formulir, tetapi hanya ingin salah satu di antaranya disetel ulang:
jika Anda menggunakan boostrap, jquery, filestyle untuk menampilkan formulir file input:
sumber
sumber
Juga berfungsi untuk kontrol dinamis.
Javascript
JQuery
sumber
sumber