Q

如何在javaScript中上传文件？

2013-04-23 20 views -1 likes

-1

当我们上传的HTML文件基本上我们写如何在javaScript中上传文件？

<input type="file" />

和该代码给ChooseFile按钮，no file chosen

但我要的是建立一个超链接并单击超链接为它工作类似于输入type="file"类型 - 例如：

<a href="#" >ChooseFile</a>

有什么建议吗？

2013-04-23 Java Developer

+2

你可以使用html5做到这一点，或者你可以使用任何插件做上传，谷歌它，你会发现很好的插件。 – 2013-04-23 10:36:49

A

回答

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>

2013-04-23 10:47:34

0

尝试使用现有的jQuery插件上传文件，我推荐这一个：http://blueimp.github.io/jQuery-File-Upload/

2013-04-23 10:36:40 HasanAboShally

1

不要以为你可以风格超过一定限度的输入=文件按钮，

检查这些链接

http://www.quirksmode.org/dom/inputfile.html

Style input type file?

或者你可以尝试一个现成的插件来为他们做的工作，你

https://github.com/blueimp/jQuery-File-Upload

2013-04-23 10:36:49 gurvinder372

0

最好的办法是使用一个证据充分的把戏最终将涉及隐藏文件输入元素作为div的子元素，以满足您的需求。我说这是有据可查的，因为它在这里是一个非常常见的常见问题，并且在互联网上的许多其他网站和博客文章中都有介绍。

请勿使用javascript来点击您的文件输入元素。您可能会遇到浏览器实施的安全限制。有些浏览器甚至可能不允许这样做。其他人（如IE）在使用javascript单击文件输入元素之后尝试通过JavaScript发送文件时会抛出安全错误。

如果你想避免重新发明轮子，你可以使用一个预先构建的库，为你处理跨浏览器文件上传的复杂性。我建议Fine Uploader。它得到了很好的支持，相当活跃，并迅速发展。完全披露：我是这个图书馆的主要维护者。

2013-04-23 13:32:38

相关问题