拖动添加附件多是采用js脚本的方式实现的,如果橘困您出现无法拖拽的情况,大部分情况下是因为js的兼容问题所致。
圆宏念希望我的回答对您有所帮助,如有疑问,欢迎继续咨询我们。
html代码:
<form id="frm"><fieldset>
<legend>用拖动的方式选择文件:</legend>
<ul id="upload" ondrop="dropFile(event)" ondragenter="return false" ondragover="return false" ></ul>
</fieldset>
</form>123456
js代码:
<script type="text/javascript">function $(id){
return document.getElementById(id)
}
function loadFun(file){ 樱瞎
return function(e){
var str=document.createElement('span')
str.innerHTML=['<img src="',e.target.result,'" title="',file.name,'"/>'].join('')
$('upload').insertBefore(str,null)
}
}
function uploadFile(f){
if(typeof FileReader=='undefined')
{
alert('浏览器不支持 FileReader对象')
return false
}
for(var i=0i<f.lengthi++){
var reader=new FileReader()
裤察 reader.readAsDataURL(f[i])
reader.onload=loadFun(f[i])
}
}
function dropFile(e){
uploadFile(e.dataTransfer.files)
e.stopPropagation()
e.preventDefault() 脊纯空
}
</script>
发邮件的时候不能直接拖拽添加附笑镇件的主要原因是因为浏览器没有加载宏陆相应的插件。
可以使用以下方法进行安装插件:
1、蔽升顷点击超大附件,如下图:
2、点击安装,出现以下界面。
3、点击在线安装——加载即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)