要什么图片上传插件?

2019-08-06  本文已影响0人  会飞的兔子zy

简单上传自己写个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>
上一篇 下一篇

猜你喜欢

热点阅读