在Layui Upload组件中,如果您想要清空上次选择的上传文件,可以通过以下几种方法实现:
使用reset方法:Layui Upload组件提供了reset方法,可以用于清空上次选择的文件。您可以在需要清空文件时调用reset方法。示例代码如下:
layui.use('upload', function(){
var upload = layui.upload;
// 清空上次选择的文件
upload.render({
elem: '#uploadBtn',
url: 'your/upload/url',
done: function(res){
console.log(res);
}
});
// 在需要清空文件时调用reset方法
upload.render({
elem: '#clearBtn',
url: 'your/upload/url',
done: function(res){
console.log(res);
}
});
$('#clearBtn').on('click', function(){
uploadInst.reset();
});
}); 重新初始化Upload组件:另一种方法是在需要清空文件时重新初始化Upload组件。您可以在清空文件时销毁之前的Upload实例,然后重新初始化一个新的Upload实例。示例代码如下:
layui.use('upload', function(){
var upload = layui.upload;
// 初始化Upload组件
var uploadInst = upload.render({
elem: '#uploadBtn',
url: 'your/upload/url',
done: function(res){
console.log(res);
}
});
// 在需要清空文件时销毁之前的Upload实例,重新初始化一个新的Upload实例
$('#clearBtn').on('click', function(){
uploadInst.config.elem.next().find('input').val('');
uploadInst.config.elem.next().find('.upload-list').html('');
uploadInst.destroy();
upload.render({
elem: '#uploadBtn',
url: 'your/upload/url',
done: function(res){
console.log(res);
}
});
});
}); 网友回复


