解决layui二次上传没有反应问题

最新推荐文章于 2024-04-26 16:15:29 发布

佳-Mr.Li

最新推荐文章于 2024-04-26 16:15:29 发布

阅读量1.3k

点赞数

文章标签： layui 数学建模前端

本文链接：https://blog.csdn.net/qq_45591895/article/details/131240519

版权

解决layui上传文件第一次上传成功之后，留在当前页面，第二次点击无效问题：
`问题：layui，upload组件上传之后，当前页面再次点击无效
解决：这个上传是在script中的，通过监听调用button即可解决

上传文件

	table.on('toolbar(testable)', function(obj) {
	var data = obj.data;
	 switch (obj.event) {

                case 'uploadFileTestable':
                    $("#uploadFile-button").click();
                    break;
                case 'batchDelTestable':
                    batchDelTestable();
                    break;
                case 'freshenTestable':
                    freshenTestable();
                    break;
                case 'downloadTestable':
                    downloadTestable();
                    break;
            }
		
})

//文件上传
var uploadFile = upload.render({
	elem:'#uploadFile-button',
	url:'newsysfile.do?action=saveFile&noticeId=' + noticeId,
	accept:'file',
	 before: function(obj) {

   },
	done:function(res,index,upload){ //上传后的回调
	

	    if(res.code == 0){
	     //do something （比如将res返回的图片链接保存到表单的隐藏域）
		//uploadFile.config.elem.next()[0].value = '';
		alert("123")
		 // this.upload.clearFiles(); //上传成功之后清除历史记录
		//假设code=0代表上传成功
		table.reload('testable');
	 }
	    
	    //文件保存失败
	    //do something
	//假设code=0代表上传成功
		table.reload('testable');
		
	}, 
	 choose: function (obj) {
    
	//假设code=0代表上传成功
		table.reload('testable');
		
	},
	error: function(index, upload){
	
	    //当上传失败时，你可以生成一个“重新上传”的按钮，点击该按钮时，执行 upload() 方法即可实现重新上传
	//假设code=0代表上传成功
		table.reload('testable');
		
	}

})
`