Fatal编程技术网

如何用javaScript上传文件？

javascript jquery html

如何用javaScript上传文件？,javascript,jquery,html,Javascript,Jquery,Html,当我们上传一个html文件时，基本上我们写 <input type="file" /> 有什么建议吗？尝试使用现有的jquery插件上传文件，我推荐这一个：不要认为你可以设置一个超过一定限制的input=file按钮 检查这些链接 或者你可以尝试一个现成的插件为你做这项工作 我想这对你有帮助 <!DOCTYPE html> <html> <body> <p>Click on one of the text

当我们上传一个html文件时，基本上我们写

<input type="file" />
有什么建议吗？

尝试使用现有的jquery插件上传文件，我推荐这一个：

不要认为你可以设置一个超过一定限制的input=file按钮

检查这些链接

或者你可以尝试一个现成的插件为你做这项工作

我想这对你有帮助

<!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>


单击其中一个文本标签以切换相关控件：
您最好的选择是使用一个有良好文档记录的技巧，该技巧最终将涉及将文件输入元素隐藏为div的子元素，该div的样式是为了满足您的需要而设计的。我说，这是一个很好的文件，因为这是一个非常常见的问题，并在互联网上的一些其他网站和博客文章涵盖

不要使用javascript单击文件输入元素。您可能会遇到浏览器设置的安全限制。有些浏览器甚至不允许这样做。当/如果您在使用javascript单击文件输入元素后尝试通过javascript发送文件，则IE等其他工具将抛出安全错误

如果您想避免重新发明控制盘，可以使用预构建的库来处理跨浏览器文件上载的复杂性。我推荐。它得到了很好的支持，相当活跃，并且发展迅速。完全公开：我是这个库的主要维护者。

你可以使用html5或者你可以使用任何插件进行上传，谷歌它，你会找到好的插件。 
<!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>