要什么图片上传插件?

简单上传自己写个js算了,用插件影响服务器性能

 <script>
        $(function () {
            $("#upload").click(function () {
                $("#select_file").click()
            });
            $("#select_file").change(function () {
                let file_obj = document.getElementById('select_file').files[0];
                let form = new FormData();
                form.append('file',file_obj);
                $.ajax({
                    url: '/admin/upload/image',
                    data: form,
                    method: 'POST',
                    cache: false,         //不设置缓存
                    processData: false,  // 不处理数据
                    contentType: false,   // 不设置内容类型
                    error: function(xhr){
                        alert(xhr.responseJSON.errors.file[0])
                    },
                    success: function (res) {
                        if(res.status===1){
                            $("#img_show").attr("src",res.msg);
                            $("#image_url").val(res.msg);
                        }
                    }
                })
            })
        })
    </script>
 <div class="form-group" id="upload_icon">
                                <label class="control-label col-lg-2">分类图标</label>
                                <div class="col-lg-10">
                                    <form method="post" id="upload_img" enctype="multipart/form-data">
                                        @csrf
                                        <input type="file" name="image" class="btn btn-default" style="display: none"
                                               id="select_file">
                                        <button type="button" class="btn btn-info" id="upload">上传图片</button>
                                    </form>
                                    <br>
                                    <br>
                                    <img src="/vendor/admin/assets/images/upload.jpg" width="50px;" height="50px;"
                                         class="img-preview" id="img_show">
                                </div>
                                <div style="display:none;">
                                    <input type="file" name="image" class="image_upload">
                                    <input type="hidden" name="image" id="image_url">
                                </div>
                            </div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,174评论 1 32
  • 约在读书季 文/予象 尽管秋意渐浓,但此刻心依旧热血澎湃。上海学习归来,思绪万千,终觉身先士卒,人生第一次...
    予象阅读 231评论 0 0
  • 01、那,我就叫你可乐吧 今天是我待在宠物店的第58天,对,没错,我已经快两个月了,可是依然没有把我带回家。 先自...
    维维an阅读 653评论 0 0
  • 2017年2月15日 今天常老师提前通知今天是第一天断食,早餐和中餐按平常吃法,量按平常的量吃,包括一些禁忌。晚餐...
    灵琳阅读 245评论 0 0
  • ​ 扎耳挠腮了许久,要怎么好好告别2016,回头望去过去的365天仿佛幻化成一个影子,清晰又模糊 对未来迷茫不安,...
    姑姑哒阅读 179评论 0 0