layui.upload.render(...).removeFile is not a function
时间: 2023-07-19 12:17:06 浏览: 152
如果你使用的是 layui 2.x 版本,可以使用以下方式来删除实例:
```javascript
// 先获取实例对象
var inst = layui.upload.render({
elem: '#test',
url: '/upload/',
done: function(res) {
console.log(res);
}
});
// 调用实例对象的 remove 方法来删除实例
inst.remove();
```
如果你使用的是 layui 1.x 版本,可以使用以下方式来删除实例:
```javascript
// 先获取实例对象
var inst = layui.upload({
elem: '#test',
url: '/upload/',
done: function(res) {
console.log(res);
}
});
// 调用实例对象的 abort 方法来删除实例
inst.abort();
```
这样就可以避免重复初始化的问题了。
相关问题
layui 2.8 layui.upload.render(...).removeFile is not a function
在 layui 2.x 版本中,`layui.upload.render()` 返回的是一个 Upload 实例,所以可以直接调用它的 `remove()` 方法来删除实例。示例如下:
```javascript
// 先获取实例对象
var uploadInst = layui.upload.render({
elem: '#test',
url: '/upload/',
done: function(res) {
console.log(res);
}
});
// 调用实例对象的 remove 方法来删除实例
uploadInst.remove();
```
如果你想在删除实例之后重新初始化,可以再次调用 `layui.upload.render()` 来初始化。需要注意的是,如果你不在意上传组件的实例对象,也可以使用 `layui.upload()` 来进行初始化。示例如下:
```javascript
// 先删除之前的实例
var uploadInst = layui.upload.render({
elem: '#test',
url: '/upload/',
done: function(res) {
console.log(res);
}
}).remove();
// 再进行新的初始化
layui.upload.render({
elem: '#test',
url: '/upload/',
done: function(res) {
console.log(res);
}
});
```
这样就可以避免重复初始化的问题了。
layui.upload.render的实例重复初始化
如果你想对同一个元素多次调用 `layui.upload.render`,可以通过先调用 `layui.upload.render` 的 `removeFile` 方法来删除之前的实例,再进行新的初始化。示例如下:
```javascript
// 先移除之前的实例
layui.upload.render({
elem: '#test',
url: '/upload/',
done: function(res) {
console.log(res);
}
}).removeFile();
// 再进行新的初始化
layui.upload.render({
elem: '#test',
url: '/upload/',
done: function(res) {
console.log(res);
}
});
```
这样就可以避免重复初始化的问题了。
阅读全文