vue上传图片组件

所属分类:输入-上传

 38283  61  查看评论 (27)
vue上传图片组件 ie兼容9

更新时间:2017/9/29 下午3:37:56

更新说明:

1. 优化图片和文件显示

2. 支持拖拽文件夹上传


vue_upload

vue上传demo,支持多选,拖拽上传

Build Setup

# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build for production and view the bundle analyzer report
npm run build --report
相关插件-上传

多图片上传预览(纯前端)

多图片上传预览,已测试ie 360 火狐 谷歌浏览器
  上传
 192284  285

图片上传插件

图片上传插件
  上传
 41692  98

基于webuploader多图片上传插件diyUpload.js

多张图片上传 base64格式 移动端可支持,代码中有详细注释。
  上传
 27372  154

js上传图片预览

js上传图片本地预览
  上传
 64946  211

讨论这个项目(27)回答他人问题或分享插件使用方法奖励jQ币

    孙奇美--龙玲 0
    2018/5/14 10:16:57
    路易保罗 (O&N壁纸布艺 0
    2018/3/24 16:01:51
    php后台怎么接收数据?哪位大佬给个模板 回复
    路易保罗 (O&N壁纸布艺 0
    2018/3/24 16:00:59
    后台怎么接收数据啊?谁能发个接收代码 回复
    0
    2018/2/28 19:52:21
    controller层应该用哪个属性名获取图片集合
    回复
    haoahoxuexi 0
    2018/2/26 18:06:46
    请问楼主,你这里是将图片转换成base64,然后信息放在imglist里是吗?我想将图片上传存储到服务器中,这里是直接存储base64编码,还是应该怎么存储呢?请赐教。 回复
    659748 0
    2018/1/5 12:32:15

    你好  请问添加文件可以获取到图片的尺寸,长宽吗?

        6597480
        2018/1/6 17:11:06
        var img = new Image();
        img.src = this.result;
        img.onload = function (){
            console.log(img.width)
            console.log(img.height) 
        }

        这样解决了  感谢作者的插件!

    回复
    0
    2017/12/2 23:29:16

    请问怎么用ajax提交 imgList  我用ajax 会显示错误

    Array [ {…}, {…}, {…} ]test.html:175:13File.lastModifiedDate 已不赞成使用。请改用 File.lastModified。

    回复
    不吃巧克力 0
    2017/11/22 14:22:16

    怎么没有按钮上传的

    回复
    清柠 0
    2017/11/6 11:05:05

    你好.请问后端怎么接受呢?

    我用PHP的,打印不出数据哦.

    回复
    dream 0
    2017/10/30 16:54:18
    怎么传中文图片就报错了,怎么解决呀
        x°№.?¨0
        2018/7/20 16:01:22
        这个问题解决了吗
    回复
取消回复