laravel7中的webupload单文件上传

最新推荐文章于 2022-02-28 20:10:25 发布

that_were_you

最新推荐文章于 2022-02-28 20:10:25 发布

阅读量148

点赞数

分类专栏： laravel7 jquery 文章标签： WebUploader 文件上传自动上传服务器接口 formData

本文链接：https://blog.csdn.net/that_were_you/article/details/118465847

版权

laravel7 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

基本配置去手册看

<div id="uploader-demo">
<div id="filePicker">选择图片</div>
    <input type="hidden" name="pic" id="pic">
    <img id="img" src="#" style="width: 50px">
</div>

js代码

// 初始化Web Uploader
    var uploader = WebUploader.create({

        // 选完文件后，是否自动上传。
        auto: true,

        // swf文件路径
        swf:'/webuploader/Uploader.swf',

        // 文件接收服务端。
        server: '接口',
        formData:{
            _token:'{{csrf_token()}}'
        },
        fileVal:'file',
        // 盒子按钮
        pick: '#filePicker',

        resize:true
    });
    // 文件上传成功，给item添加成功class, 用样式标记上传成功。
    uploader.on( 'uploadSuccess', function( file,ret ) {
        $('#img').attr('src',ret.pic)
        $('#pic').val(ret.pic)
    });

接口位置设置好服务器存储路径返回可以展示的地址就可以