如何在javaScript中上传文件？
[英]How to Upload file in javaScript?
问题描述
当我们用html上传文件时，我们基本上写
<input type="file" />
并且此代码提供ChooseFile按钮， no file chosen
但是我想要的是创建一个超链接，然后单击超链接以使其像type="file"类型的输入一样工作-例如：
<a href="#" >ChooseFile</a>
有什么建议么？
4 个解决方案
解决方案1
1 2013-04-23 10:36:49
解决方案2
1 已采纳
我认为这对您有帮助。
<!DOCTYPE html>
<html>
<body>
<p>Click on one of the text labels to toggle the related control:</p>
<div>
<a href='#UPLOAD' >Upload a file</a>
<input type='file' name='file1'
style='cursor:pointer; opacity:0.01; alpha(opacity=1); position:relative; z-index:200; left: -10em; margin:-0.3em;' />
</div>
</body>
</html>
解决方案3
0 2013-04-23 10:36:40
尝试使用现有的jquery插件上传文件，我建议使用以下插件： http : //blueimp.github.io/jQuery-File-Upload/
解决方案4
0 2013-04-23 13:32:38
最好的选择是使用有据可查的技巧，该技巧最终会涉及将文件输入元素隐藏为div的子元素，该div的样式可以满足您的需求。 我说这是有据可查的，因为在SO上这是一个非常常见的问题，并且在Internet上的许多其他站点和博客文章中也有涉及。
不要使用javascript单击文件输入元素。 您可能会遇到浏览器施加的安全限制。 一些浏览器甚至可能不允许这样做。 如果您在使用javascript单击文件输入元素后尝试通过javascript发送文件，则IE等其他文件将引发安全错误。
如果您想避免重新发明轮子，可以使用一个预先构建的库来为您处理跨浏览器文件上传的复杂性。 我建议使用Fine Uploader 。 它得到了良好的支持，非常活跃，并且发展迅速。 全面披露：我是该库的主要维护者。
如何使用javascript上传文件？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.