美文网首页
要什么图片上传插件?

要什么图片上传插件?

作者: 会飞的兔子zy | 来源:发表于2019-08-06 21:30 被阅读0次

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

相关文章

  • 要什么图片上传插件?

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

  • form表单提交上传图片

    上传图片我首先想到的是利用这个插件,webupload LUploade这类插件大多支持图片预览,断点/分片上传,...

  • flask部署jenkins

    安装jenkins python插件 安装pipline插件 新建 [图片上传中...(image.png-132...

  • 网站地址

    文件上传插件(图片、附件、显示上传进度): http://fex.baidu.com/webuploader/新版...

  • 回看设置页面

    页面加载时 检测版本,检测头像 选择图片添加上传图片 1选择图片的插件还不会写 2上传图片要调用HTTPservi...

  • layui 上传图片 移动端 调用相机

    layui上传图片插件 默认只能上传资源管理器的图片,不会启动相机。 解决方法: ojbk

  • Typora 图片上传插件

    [TOC] 介绍 Typora QCloud Cos 是一个基于 Python 开发的 Typora 图片上传插件...

  • Kotlin项目引入及相关插件

    一:安装插件在Android Studio中安装koltlin插件,如下图:[图片上传失败...(image-b5...

  • 七牛云java(服务端)通用工具类

    前言 需要安装lombok插件。 功能列表 上传本地文件 上传Base64图片 获取文件访问地址 上传Multip...

  • axios上传文件爬坑之路

    这两天遇到一个奇葩的问题,项目中利用axios插件实现图片上传,其中axios插件已经封装成独立的文件,上传文件利...

网友评论

      本文标题:要什么图片上传插件?

      本文链接:https://www.haomeiwen.com/subject/pejgdctx.html