• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

php结合html5使用FormData对象FormData对象及上传图片

PHP admin 1年前 (2018-06-08) 7次浏览 未收录 0个评论

FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。

使用FormData对象

1.创建一个FormData空对象,然后使用append方法添加key/value

var formdata = new FormData();
formdata.append('name','fdipzone');
formdata.append('gender','male');

2.取得form对象,作为参数传入到FormData对象

var form = document.getElementById('form1'); var formdata = new FormData(form);

使用FormData提交表单及上传文件:


 
  
   FormData Demo 
  
  
  <!--
    function fsubmit(){
        var data = new FormData($('#form1')[0]);
        $.ajax({
            url: 'server.php',
            type: 'POST',
            data: data,
            dataType: 'JSON',
            cache: false,
            processData: false,
            contentType: false
        }).done(function(ret){
            if(ret['isSuccess']){
                var result = '';
                result += 'name=' + ret['name'] + '
'; result += 'gender=' + ret['gender'] + '
'; result += ''; $('#result').html(result); }else{ alert('提交失敗'); } }); return false; } -->

name:

gender:male female

photo:

server.php


php结合html5使用FormData对象FormData对象及上传图片


39MO , 版权所有丨如未注明 , 均为原创丨转载请注明原文链接:php结合html5使用FormData对象FormData对象及上传图片
喜欢 (0)
[1353713598@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址