jQuery ajax post文件字段
我有一个带有文件输入的表单。如何使用jQuery获取文件并将其发布到php脚本?我可以使用.val()获取值,然后发布它吗?例如,假设文件输入的id为file,我可以执行以下操作:jQuery ajax post文件字段,jquery,ajax,Jquery,Ajax,我有一个带有文件输入的表单。如何使用jQuery获取文件并将其发布到php脚本?我可以使用.val()获取值,然后发布它吗?例如,假设文件输入的id为file,我可以执行以下操作: $('#submit').click(function() { var file = $('#file').val(); $.post('script.php', { "file": file }, function(data) { // do something here after
$('#submit').click(function() {
var file = $('#file').val();
$.post('script.php', { "file": file }, function(data) {
// do something here after post complete
}, 'json');
});
谢谢这应该会有帮助
正如帖子所建议的,我推荐一个位于这里的插件,无论你如何分解它,文件上传都可以这样做。如果你想做一个ajax/异步上传,我建议你做一些类似的事情,或者试试这个
<script type="text/javascript">
$("#form_oferta").submit(function(event)
{
var myData = $( form ).serialize();
$.ajax({
type: "POST",
contentType:attr( "enctype", "multipart/form-data" ),
url: " URL Goes Here ",
data: myData,
success: function( data )
{
alert( data );
}
});
return false;
});
</script>
$(“表格”)。提交(功能(事件)
{
var myData=$(form).serialize();
$.ajax({
类型:“POST”,
contentType:attr(“enctype”、“多部分/表单数据”),
网址:“网址在这里”,
数据:myData,
成功:功能(数据)
{
警报(数据);
}
});
返回false;
});
这里的contentType
被指定为multipart/formdata
,就像我们在表单标签中所做的那样,这将用于上传简单文件
在服务器端,您只需要编写简单的文件上载代码,以通过回显消息(您希望作为响应显示给用户)来处理此请求 我尝试使用Ajax接受文件,并在提交文件时使用php文件获取存储。代码稍加修改即可工作。(上传文件:PDF,JPG)
只需打印文件详细信息并进行检查。您将获得输出。如果出现错误,请告诉我。我想这不会起作用,您可能正在查看的是ajax上传程序。。
function verify1() {
jQuery.ajax({
type: 'POST',
url:"functions.php",
data: new FormData($("#infoForm1")[0]),
processData: false,
contentType: false,
success: function(returnval) {
$("#show1").html(returnval);
$('#show1').show();
}
});
}