QQ 咨询
喝杯饮料
微信交流
wx公众号
432

PHP简单实现异步多文件上传并使用Postman测试提交图片
如何文章对你有用的话,就点击左边悬浮按钮,请小编喝杯饮料吧
时间: 2019-09-02 22:04:53  作者:北桥苏  阅读:(214)

虽然现在很多都是使用大平台的对象存储存放应用中的文件,但有时小项目还是可以使用以前的方式上传到和程序一起的服务器上,强调一下这里是小众需求,大众可以使用阿里云的OSS,腾讯的COS,七牛的巴拉巴拉xxxxxx……

    

Postman使用

1. 打开后,选择"body"->"form-data",key悬浮的时候选择“File”, 然后value会出现一个文件按钮。

2. 本地的上传方法测试一下打印一下。

3. 以上使用Postman测试文件上传接口就通了,下面就写一个异步上传的效果。

 

多文件异步上传

1. 前端


            
X
// 多图片上传触发事件 function uploadImgs(_this,event) { // 实例FormData var data = new FormData(); for (var i = 0; i < event.target.files.length; i++) { var files = event.target.files[i]; // 批量添加文件 data.append('file[]', files); } // 异步提交 ajaxUpload(data); } function ajaxUpload(data) { $.ajax({ url: '{$ajax_upload_url}', type: "POST", data: data, dataType: 'json', processData: false,// *重要,确认为false contentType: false, // beforeSend: function () { // console.log(11111); // }, success: function (res) { if(res.error == 1) { alert(res.msg); return; }else { console.log(res); var imgArr = $("#hid_img").val(); $.each(res.data,function(index,data) { // 追加显示 $("#img_box").append( '
'+ ''+ 'X'+ '
' ); if(!imgArr) { imgArr = data.path; }else { imgArr += ","+data.path; } // 追加提交数据 //$(".formControls").append(''); }) $("#hid_img").val(imgArr); } }, error: function (res) { alert('异步上传图片接口出错'); return; } }); }

 

2. PHP部分就是和同步方式一样。

 /*
     * 图片上传
     * */
    public function ajaxUpload() {
        $upload = new \Think\Upload();// 实例化上传类
        $upload->maxSize   =     3145728 ;// 设置附件上传大小 3145728
        $upload->exts      =     array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
        $upload->rootPath  =     './Uploads/'; // 设置附件上传根目录
        $upload->savePath  =     'repair/'; // 设置附件上传(子)目录
        // 上传文件
        $info   =   $upload->upload();
        if(!$info) {// 上传错误提示错误信息
            $this->ajaxReturn(array("error"=>1,"msg"=>$upload->getError(),"data"=>array()));
        }else{// 上传成功
            $uploadFile = array();
            foreach($info as $key=>$value) {
                $uploadFile[] = array(
                    "path" => ltrim($upload->rootPath,'.').$value['savepath'].$value['savename'],
                    "ext" => $value['ext'],
                );
            }

            $this->ajaxReturn(array("error"=>0,"msg"=>"上传成功","data"=>$uploadFile));
        }
    }





用户登录


     QQ登录

我的标签


随机文章

  • 搞机的神器们——Xposed,Magisk,TaiChi(太极)的安装使用只要是一个愿折腾的人,应该对安卓手机ROOT…… 查看详情
  • 如何封装一个自己的win7系统并安装到电脑做成双系统说明: 目前我是刚试玩所以总结得没有很详细,…… 查看详情
  • 如何通过Logstash将MySQL数据同步到ElasticSearch最近又重新在看ElasticSearch的文…… 查看详情

友情链接





Copyright© 2016-2021 北桥苏 & 版权所有    赣ICP备16002525号-1
如有侵权、不妥之处,请联系站长的客服并出示版权证明以便删除。敬请谅解! 站长客服联系方式:QQ2652364582