tp5+ajax+H5 实现的文件上传

  

          <div  id="row">
            <div class="am-form-group am-form-file">
               <i class="am-icon-cloud-upload"> </i>
                 <label  class="labt2">选择要上传的文件</label>
                 <input id="doc-form-file" type="file" accept="image/gif,image/jpeg,image/x-png" />
               <div id="file-list"></div>
            </div>
          </div>
 //上传文件
$('#doc-form-file').on('change', function(){
  var formData = new FormData();
  formData.append("pic", $(this).get(0).files[0]);
  if(formData){
   	 $.ajax({
	 type: "POST",
     url:'/Api/uploadimg',
     data:formData,
	  dataType: "json",
	  cache: false,//上传文件无需缓存
      processData: false,//用于对data参数进行序列化处理 这里必须false
      contentType: false, //必须
      success: function (data){
		 console.log(data);
			
		  }
		})
   }
  
 
 
});
    public function uploadimg() {
        $file = request()->file('pic');
        //容许上传的文件类型
        $upload_image_ext = config('upload_image_ext');
        //限制的文件大小
        $upload_image_size = config('upload_image_size');
        $info = $file->validate(['size' =>intval($upload_image_size), 'ext' => $upload_image_ext])->move(ROOT_PATH . 'public' . DS . 'uploads/images/');
        if ($info) {
            $file_data = $info->getInfo();
            $data['uid']=0;
            $data['name'] = $file_data['name'];
            $data['module'] = "index";
            $path = "uploads/images/" . $info->getSaveName();
            $image = \think\Image::open($path);
// 返回图片的宽度
            $width = $image->width();
// 返回图片的高度
            $height = $image->height();
            $data['path'] = $path;
            $data['thumb'] = $path;
            $data['url'] = "";
            $data['mime'] = $file_data['type'];
            $data['ext'] = $info->getExtension();
            $data['size'] = $file_data['size'];
            $data['md5'] = $info->hash('md5');
            $data['sha1'] = $info->hash('sha1');
            $data['driver'] = "local";
            $data['download'] = "";
            $data['create_time'] = time();
            $data['update_time'] = time();
            $data['status'] = 1;
            $data['width'] = $width;
            $data['height'] = $height;
            $attachment = AttachmentModel::create($data);
            $id = $attachment['id'];
            if ($attachment['id']) {
                $return_data['path'] = $path;
                $return_data['pic'] = $id;
                $return_data2['data'] = $return_data;
                $return_data2['code'] = 200;
                echo   json_encode($return_data2);
                
            } else {
                return $this->resultArray(['code' => 201, "error" => "上传失败稍后再尝"]);
            }
        } else {
            $error = $file->getError();
            return $this->resultArray(['code' => 201, "error" => $error]);
        }
    }

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

萧逸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值