jquery file upload ajax上传图片简单使用

最新推荐文章于 2024-07-12 09:36:48 发布

weixin_34161032

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量80

点赞数

文章标签： javascript ui ViewUI

原文链接：https://my.oschina.net/cqqqqq/blog/787423

版权

为什么80%的码农都做不了架构师？>>>

最近要在做后台的图片上传，要用ajax异步上传图片，原生js实现很难

jquery file upload 插件很轻松就完成了

<script src="/Public/js/jquery.min.js"></script>
<script src="/Public/js/fileupload/vendor/jquery.ui.widget.js"></script>
<script src="/Public/js/fileupload/jquery.iframe-transport.js"></script>
<script src="/Public/js/fileupload/jquery.fileupload.js"></script>
最基本的需要引入的js库

<input class="thumb_img form-control col-md-7 col-xs-12" type="file">

<script>
$('.thumb_img').fileupload({
    url:'/Home/public/upImg',//ajax提交图片请求地址
    dataType:'json',
    done: function (e, data) {
        //处理上传服务器结果
    }
});
</script>

转载于:https://my.oschina.net/cqqqqq/blog/787423