webuploader按钮不起作用终极解决

最新推荐文章于 2024-01-11 11:31:47 发布

原创最新推荐文章于 2024-01-11 11:31:47 发布 · 4.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种解决WebUploader中上传按钮不生效的方法。通过调整DOM元素样式和使用setTimeout来确保页面加载完成后进行修改，使得上传功能正常运作。

$(function() {

var webuploader_pick = document.getElementsByClassName("webuploader-pick");
webuploader_pick[0].style.opacity = 0;

//解决上传按钮不起作用
setTimeout(function(){
var file = document.getElementsByName("file");
var fileEle = file[0]
fileEle.parentNode.style.width = "80px"
fileEle.parentNode.style.height = "40px"

var label = fileEle.parentNode.childNodes[1]
label.style.width = "80px"
label.style.height = "40px"
label.style.opacity = 1
label.backgroundColor = '#ff00ff'
label.innerHTML = "<span style='color:rgb(0,0,255);'>选择图片</span>"

},1000)

});