在PHP中使用Ajax提交图像文件
Submitting image files with Ajax in PHP
我是Ajax和PHP的新手。我使用下面的代码通过Ajax提交我的HTML表单,但图像文件没有通过。我试着在代码中添加contentType仍然没有运气。请帮助我可以使用相同的代码(调整)提交图像文件连同文本输入?
代码如下:
$(document).ready(function() {
$("#submit_form").submit(function() {
$.ajax({
type: "POST",
url: 'inc/submit_form.php',
data:$("#submit_form").serialize(),
success: function (data) {
// Inserting html into the result div on success
$('#form-result').html(data);
},
error: function(jqXHR, text, error){
// Displaying if there are any errors
$('#form-result').html(error);
}
});
return false;
});
});
这只是脚本的AJAX部分,但这是我过去使用的。我注释了每一行作为解释:
<script type="text/javascript">
var files = $('#TARGET_TO_FILES_INPUT').prop('files');
var data = new FormData();
$.each(files, function(key,val){
data.append(key,val);
});
$.ajax({
type:"POST",// post method
url:UPLOAD_FILE,// path to file upload
data:data,// image and any other form data
cache:false,// stop any caching of browser
dataType:'json',// return json when complete
processData:false,// stop preprocessing of data by jquery (ie querystring)
contentType:false,// must be set to false; turns off default "application/x-www-form-urlencoded; charset=UTF-8"
success:function(o){
// successful upload stuff goes here
},
xhr:function(){
var xhr = $.ajaxSettings.xhr() ;
xhr.upload.onprogress = function(evt){
//progress bar stuff goes here
}
xhr.upload.onload = function(){
//just before upload stuff goes here
}
return xhr ;
}
});
</script>
相关文章:
- 将图像上传ajax与表单提交ajax相结合
- 如何在提交后关闭颜色框窗口,并刷新父页面上的图像
- 如何通过ajax php将图像上传到服务器本地目录,其中html表单haven't任何传统的提交按钮
- 单击提交按钮后加载图像将冻结
- 纯javascript的进度图像加载程序仅当用户单击提交html表单时
- 如何使用PHP、提交和单选按钮复制/重命名/覆盖图像
- jquery表单和图像提交
- 在图像像素加载时提交表单
- HTML图像映射为表单提交
- 表单验证和提交时提交文本&输入按钮上带有验证的图像
- 选择&提交图像Form/java脚本
- 当互联网可用时,自动提交图像表单
- 提交输入类型=“;图像“;到另一个servlet时,未能返回任何参数
- 通过AjaxForm提交图像并执行回调
- 提交图像按钮的焦点在IE 8中未突出显示
- 如何在单击后禁用表单提交图像
- Rails:使用image_submit_tag改变表单在悬停时提交图像
- 在PHP中使用Ajax提交图像文件
- 更改按钮的提交图像
- 提交图像表单验证