警告： 这是非常旧版本的Safari和Chrome的兼容性代码。 现代的浏览器都支持FileReader
API。这是一个教程：https : //developer.mozilla.org/zh-
CN/docs/Using_files_from_web_applications
现在，仅在出于某些原因需要支持Safari 5和更高版本或Chrome 6和更高版本的情况下，此代码才有用。
一种可能性是使用SwellJS中使用的方法：
<input type="file" multiple="multiple" />像这样使用：
<form method="post" enctype="multipart/form-data" id="uploadform"> <input type="file" name="dragupload[]" multiple="multiple" onchange="if (this.value) document.getElementById('uploadform').submit();" /></form>可以设置输入元素的样式，使其具有
opacity:0并（绝对）位于接受上载的元素上。整个表单可以放置在
iframe类似“Ajax”的行为中。并且上载元素可以是隐藏的层，直到在其上拖动某些东西为止。
这样的iframe如下所示：
<script><!-- var entered = 0;--></script><body ondragenter="entered++;document.getElementById('uploadelement').style.display='block'" ondragleave="entered--;if (!entered) document.getElementById('uploadelement').style.display='none'"> <form method="post" enctype="multipart/form-data" id="uploadform"> Things can be dragged and dropped here! <input type="file" id="uploadelement" name="dragupload[]" multiple="multiple" onchange="if (this.value) { document.getElementById('uploadform').submit(); }" /> </form></body>仅当检测到Safari或Chrome时才应执行此 *** 作（因为其他浏览器不支持拖放到
<input type="file"/>元素上），并且可以与
dropFirefox 3.6+ 的HTML5 事件结合使用。
我无法确定这是否是Gmail使用的方法，但它当然也可以使用。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）