样式输入文件和自动提交

Question

我正在尝试使用单个文本链接,用户单击该链接并询问用户他/她想要上载哪个文件,然后自动将其发布到表单.我怎样才能实现同样的目标？我知道我必须设置我的文件输入样式,但如何让它自动发布文件选择？

非常感谢你

Answer 1

在页面中嵌入javascript是不好的做法.

使用选择器将提交添加到项目.这使您可以按照要求将功能添加到基本链接.

HTML

<form id="myForm">
    <a id="uploadLink" href="#">Upload file</a>
</form>

jQuery的

$(document).ready(function() {
    $("#uploadLink").click(function() {
        $("#myForm").submit();
    }
});

添加资源

这是jQuery Form插件的链接.

还有一个jQuery的多文件上传插件.

Answer 2

您可以调用表单的提交方法.它会将您的页面提交给服务器,您可以在请求的Files集合中获取该文件.

您必须在"file"元素的"onchange"事件上调用表单的submit()方法.

<input type="file" onchange="formname.submit();" id="f" />

编辑:试试这个.