码迷,mamicode.com
首页 > Web开发 > 详细

图片上传

时间:2017-08-18 18:34:34      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:input   files   url   width   mda   img   nbsp   one   put   

1 <input v-on:change="change" multiple id="file" class="addpic" type="file" style="width: 113px;height: 59px;opacity: 0;">
2 <div id="box"></div>
const uploadImg= function () {
    var formdata = new FormData();
    formdata.append("pic", $(‘.addpic‘)[0].files[0]);
    $.ajax({
        url: ‘‘,
        type: ‘POST‘,
        data: formdata,
        dataType: ‘JSON‘,
        cache: false,
        processData: false,
        contentType: false
    }).done(function (ret) {
        if (ret.status != 0) {
            alert("上传文件格式不合法!请选择(jpg,jpeg,gif,bmp,png)格式的图片");
            return;
        }
        console.log(ret.data.url);
    });
};

 

图片上传

标签:input   files   url   width   mda   img   nbsp   one   put   

原文地址:http://www.cnblogs.com/yanghmartin/p/puload_img.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!