jquerypost文件上传
Ⅰ jquery如何实现表单post方式提交
jquery提交表单有两种情况: 1:jquery只做提交用。 $("form").submit(); 这个的表单提交到什么地方的是更具form元素里面的action属性去定义的。 2:jquery用ajax提交数据。 $.ajax({ type:"post", url:"xxx.php", // 这里是提交到什么地方的url data:{}, // 这里把表单里面的数据放在这里传到后台 dataType:"json", success:function(res){ // 调用回调函数 }});
Ⅱ jquery的post方法上传文件问题。
用jQuery 的Ajax文件上传的组件:ajaxfileupload.js
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajaxfileupload.js"></script>
<script type="text/javascript">
function ajaxFileUpload()
{
$.ajaxFileUpload
(
{
url:'doajaxfileupload.php', //你处理上传文件的服务端
secureuri:false,
fileElementId:'img',
dataType: 'json',
success: function (data)
{
alert(data.file_infor);
}
}
)
return false;
}
</script>
<input id="img" type="file" size="45" name="img" class="input">
<button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">Upload</button>