TP5上传文件类

1. image.png

2.form表单内 最重要的就是 这个属性 enctype="multipart/form-data"

image.png
<div class="form-group">
<div id="file_upload" class="col-form-label">安装包</div>

<li id="jindu" style="list-style: none"></li>
<input style="width: 760px;border:1px solid transparent" type="hidden" id="anzhuangbao" name="anzhuangbao" readonly="readonly">
<input style="width: 760px;border:1px solid transparent" type="text" id="down_url" name="down_url" readonly="readonly">
</div>

image.png image.png image.png

<script>
var ("#fileList"); //这几个初始化全局的百度文档上没说明，好蛋疼
var thumbnailWidth = 50; //缩略图高度和宽度 （单位是像素），当宽高度是0~1的时候，是按照百分比计算，具体可以看api文档
var thumbnailHeight = 50;
var uploader = WebUploader.create({
// 选完文件后，是否自动上传。
auto: true,
// swf文件路径
swf: '/public/uploader.swf', //加载swf文件，路径一定要对
// 文件接收服务端。
server: '{:url("Upload/upload")}',
// 选择文件的按钮。可选。
// 内部根据当前运行是创建，可能是input元素，也可能是flash.
pick: '#file_upload',
// 只允许选择图片文件。
accept: {
title: 'Images',
extensions: 'apk',
mimeTypes: 'application/*'
}
});
uploader.on( 'uploadProgress', function( file, percentage ) {
var ( '#jindu' ),
li.find('.progress');
// console.log(("#down_url").val());
// 避免重复创建
if ( !percent = li )
}
percent.children('span').text(Math.ceil(percentage * 100) + '%').css({"color":"#fff","display":"inline-block","text-align":"center","width":Math.ceil(percentage * 100) + '%'});

        });
        uploader.on("error", function (type) {
            if (type == "Q_TYPE_DENIED") {
                layer.msg("请上传apk格式文件");
            } else if (type == "Q_EXCEED_SIZE_LIMIT") {
                layer.msg("文件大小不能超过1G");
            }else {
                layer.msg("上传出错！请检查后重新上传！错误代码"+type);
            }
        });

        uploader.on('uploadSuccess', function (file, res) {
            var x = res._raw.split("{");
            var v= JSON.parse("{"+x[1]);
            console.log(v.path);
            $('#file_upload').hide();
            $("#down_url").val(v.path);
        });

然后我们的down_url的value值有了，把字符串用ajax的形式传进了数据库

image.png

public function upload()
{
// var_dump(file = request()->file('file');
// 移动到框架应用根目录/uploads/ 目录下
file->move('./uploads/zip/');
// echo info )
{
// 成功上传后 获取上传信息
// 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg
return json(['path' => 'http://' . info->getSaveName())]);
} else {
// 上传失败获取错误信息
return 'cuowu';
}
}