ajax 文件上传

使用ajax传递数据: data: formData.
var formData = new FormData(); //自定义携带二进制数据头信息
formData.append(‘username’, ‘123’)
formData.append(‘file’, this.files[0]);

方式一:
$.ajax({
       url:'http://.....',
       dataType:'json',
       type:'POST',
       async: false,   //设置是否是同步。
       data: formData, // * 将真个表单作为数据传递
       processData : false, // 使数据不做处理
       contentType : false, // 不要设置Content-Type请求头
       success: function(data){
           console.log(data);
           if (data.status == 'ok') {
               alert('上传成功!');
           }
       },
       error:function(response){
           console.log(response);
       }
 }); 
方式二:
var upload = layui.upload;
var uploadInst = upload.render({
          elem: '#uploadbtn' //绑定元素
          ,url: 'http://....' //上传接口
          ,accept: 'images'
          ,exts: 'jpg|jpeg|png|gif'
          ,size: 1*1024*1024
          ,acceptMime: 'image/*'  //客户端选择框里面只显示制定类型的文件
          ,done: function(res){
              //上传完毕回调
              if (res.code == 0) {
                  $('#uploadimg').show().attr('src', 'http://192.168.0.172'+res.data.src);
                  $('input[name="productionphoto"]').val(res.data.src);
              } else {
                  layer.msg(res.msg);
              }
          }
          ,error: function(){
              //请求异常回调
              layer.msg('网络繁忙,请重试');
          }
     });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值