有人知道如何重置我的输入类型=“file”吗?我一直在使用$this->reset()来清除输入type="file"的属性。
$this->reset()
type="file"
$this->reset(['type', 'name', 'institution', 'year', 'certification']);
xdnvmnnf1#
如果您不需要将id用于任何其他目的,则可以如下所示呈现输入:
id
<input type="file" id="{{ rand() }}" >
除了使用rand(),你也可以使用某种计数器或任何其他值,这些值在每次渲染时都会改变。不同的id会强制livewire用新的元素完全替换该元素,因此为空。仅仅设置value=""不会有帮助,因为input type="file"是不可变的。这个解决方案取自here
rand()
value=""
input type="file"
rslzwgfq2#
下面是我在TALL Stack Tips中找到的一个解决方案,可以在通过Livewire上传后从输入字段中删除文件名。https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload解决方案包括实现一个计数器来调节输入文件id
e0bqpujr3#
为了重置livewire中的一个文件输入,我删除了该输入中的id,并为该值分配了一个空值。
<label>Upload Image <input type="file" wire:model="image" class="w-full"> </label>
$this->image = null;
irlmq6kh4#
输入创建两个线(线:点击和线:模型),它的作品。
火线:
<input wire:click="fileClear('fileName')" wire:model="fileName" type="file" id="fileName" name="fileName" >
类:
public function fileClear($inputId) { $this->$inputId = ""; }
zlwx9yxi5#
清理@Alexyokisama回答是的,简单的方法是如下所示使用id。
<input type="file" id="{{ $rand }}" >
然后在livewire组件中需要声明public $rand而且你可以在你的复位功能中安全地使用它。
livewire
public $rand
public $rand; public function resetForm() { $this->rand++; }
5条答案
按热度按时间xdnvmnnf1#
如果您不需要将
id
用于任何其他目的,则可以如下所示呈现输入:除了使用
rand()
,你也可以使用某种计数器或任何其他值,这些值在每次渲染时都会改变。不同的id
会强制livewire用新的元素完全替换该元素,因此为空。仅仅设置value=""
不会有帮助,因为input type="file"
是不可变的。这个解决方案取自hererslzwgfq2#
下面是我在TALL Stack Tips中找到的一个解决方案,可以在通过Livewire上传后从输入字段中删除文件名。https://talltips.novate.co.uk/livewire/livewire-file-uploads-using-s3#removing-filename-from-input-field-after-upload
解决方案包括实现一个计数器来调节输入文件id
e0bqpujr3#
为了重置livewire中的一个文件输入,我删除了该输入中的id,并为该值分配了一个空值。
没有ID的输入
指定空值
irlmq6kh4#
输入创建两个线(线:点击和线:模型),它的作品。
火线:
类:
zlwx9yxi5#
清理@Alexyokisama回答
是的,简单的方法是如下所示使用
id
。然后在
livewire
组件中需要声明public $rand
而且你可以在你的复位功能中安全地使用它。