jquery - 如何在不使用表单提交按钮的情况下发布使用 <input type ="file"/> 上传的图片?

标签 jquery html post

<分区>

这可以正常工作:

<form id="frm1" enctype="multipart/form-data" action="form_handler_post.php" method="POST">
    <input type="hidden" name="MAX_FILE_SIZE" value="300000" />     
    Send this file: <input name="userfile" type="file" />
    <input type="text" name="theRefNum" />
    <input type="submit" value="Send File" />
</form>

...但我想使用 jQuery 发布表单的内容(即图像),因为我有很多其他数据想同时发布,但不想将其包含在与图片上传相同的形式。例如

$.post("form_handler_post.php", { name: "John", time: "2pm", otherData: "Friday", image:#######});

我试过 image:userfileimage:'userfile'image:$('userfile').val()但无济于事。

如何在数据部分包含图像文件 - 即如何访问图像的

最佳答案

您不能使用普通的 ajax 来做到这一点。您必须使用一些可用的插件。大多数插件在后端使用 iframe。 看这个http://jquerybyexample.blogspot.com/2012/08/5-best-jquery-file-upload-plugin.html

关于jquery - 如何在不使用表单提交按钮的情况下发布使用 &lt;input type ="file"/> 上传的图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15431477/

相关文章:

html - Bootstrap 网格删除 div 之间的空间

PHP文件上传无法在同一表单上发送POST数据

security - 完整性检查 : SSL+ POST vs. 未加密的 GET

javascript - 过滤我的@html.dropdownlist

javascript - 如何在选中时打印复选框的名称?

jquery - 鼠标移到链接上后,HTML 超链接保持更改颜色

jquery - next() 和 prev() 与 find

php - 无法在 PHP 中访问表单数据

javascript - jstree - 重命名功能问题(节点上的文本输入,单击重命名后,不接受更改)

php - WP 编辑器 - wp_editor() 在 ajax 调用上未正确显示