如何在同一页面上提交文件而不重新加载
How to submit the file on the same page without reloading
我试图找到问题的答案"如何提交文件而不重新加载标签",我来到这个线程上传文件的形式没有页面刷新在这个线程最好的答案是"使用隐藏iframe"。但是,如果我们使用隐藏iframe,则可以在不刷新页面的情况下将表单数据提交到另一个文件。但是如何可能提交文件(使用iframe)到当前文件(页面)而不重新加载。我正在使用
<form action="<?php echo $_SERVER["PHP_SELF"];?> enctype="multipart/form-data">
<input type="file" name="image">
<input type="submit">
</form>
我认为在我的情况下,我们甚至不能使用seralize()
方法。所以我们如何在同一个页面上提交文件而不重新加载它。我认为iframe可能不是解决方案。
这里我使用jquery像这样。你必须创建对象FormData
jQuery("body").on("beforeSubmit", "form#YOUR_FORM_ID", function() {
var form = jQuery(this);
jQuery.ajax({
url: form.attr("action"),
type: "POST",
data: new FormData(this),
processData: false,
contentType: false,
async: false,
success: function(response) {
if (response) {
//your response
}
},
error: function() {
console.log("internal server error");
}
});
return false;
});
相关文章:
- 创建新数据和加载现有数据需要单独的视图吗
- 钛 - HTTPClient:打开新的控制器加载
- 保持 JavaScript 在浏览器控制台中运行,即使在新的页面加载之后也是如此
- 路由到新页面时加载不起作用
- 如何在新窗口完成加载后执行某些内容
- 使用新标题重新加载 html 页面
- Primefaces在打开新页面时加载数据消息
- Wordpress音频播放器和平滑状态.在新页面重新加载播放器时调用什么回调函数
- 用新数据重新加载renderer3d
- 文本不被渲染后,新的页面加载- JQuery移动
- 需要在新标签中加载pdf/doc文件,而不是下载,只是想在浏览器中阅读
- 用新参数重新加载页面
- Js和CSS不检测新页面何时加载
- 在新页面上加载一个flash视频,它在上一页上的位置
- 在新窗口中加载代码编写器视图
- 在控制台中使用新脚本重新加载页面
- 如何在加载新页面后加载AJAX数据
- 如何使用jQuery在新窗口中加载页面,然后关闭它们
- Jquery没有看到新的HTML加载到对话框中
- 无法用新值重新加载JGrid