我正在尝试使用序列化我的表单数据,包括文件图像字段jquery.form.jsjQuery API。
该 API 正在帮助我序列化数据字段,包括图像并返回图像对象:[object file]
这是我的序列化代码
var data = $js("form[name=ajx_imgupload]").formSerialize();
var img = $js("#upload_image").fieldSerialize();
$js.ajax({
url: "index.php?option=com_obituary&task=upload",
type: "POST",
dataType:"json",
data: data,
beforeSend: function(){
$js(".loadingblock").show();
},
complete: function(){
$js(".loadingblock").hide();
},
success: function(res){
alert();
},
error: function(jqXHR, textStatus, errorThrown){
alert(textStatus);
}
});
遇到问题...我们将不胜感激。
Thanks
我来帮你。这是我 1 天前做的。我有包括图像字段的表格。当您通过以下方式提交其上传图像时jquery.form.js
注意:我正在使用 jqueryimageupload.php 上传文件,如果您愿意,我可以粘贴它。这是一个简单的php文件上传。http://www.w3schools.com/php/php_file_upload.asp http://www.w3schools.com/php/php_file_upload.asp
html部分:
<form name="imageform" id="imageform" action="jqueryimageupload.php" method="post">
<input type="file" name="resim" id="img" onchange="ImageUpload()" />
<input type="hidden" name="action" value="imageup" />
</form>
jquery:
function ImageUpload() {
$("#return").show();
$("#return").html('');
$("#return").html('<img src="images/load2.gif" alt="Uploading...."/> wait, uploading...');
$("#imageform").ajaxForm({
target: '#return',
success: function() {
$("#return").fadeOut(10000);
}
}).submit();
}
最后提交表单:
$('#form').submit(function() {
var img=$('#image').val();
var forms=($(this).serialize());
$.ajax({
type:"POST",
url: "do.php?do=upload",
data:forms+'&r='+encodeURIComponent(img),
success: function(result){ //your code }
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)