vue上传图片组件

所属分类:输入-上传

 27841  49  查看评论 (25)
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
相关插件-上传

jQuery多图上传

jQuery多图图片上传.net后端以写好,直接使用
  上传
 33885  122

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 34716  81

jQuery仿淘宝管理商品批量图片上传插件

jQuery淘宝上传商品图片代码,批量上传插件,(不兼容IE6,7,8)
  上传
 23678  68

基于HTML5的jquery文件上传插件

这个插件是照着uploadify的api文档写的
  上传
 195551  291

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

    路易保罗 (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
    怎么传中文图片就报错了,怎么解决呀 回复
    没素质比没文化更可怕。 0
    2017/10/28 10:29:10

    php怎么接收数据?

    回复
取消回复