<div>
    <div class="col-md-3">
    <div class="form-group">
        <label>你的头像</label>
        <div id="dropzone" style="height: 220px;" class="dropzone"></div>
        </div>
    </div>
</div>
</div>
Dropzone.autoDiscover = false
var myDropzone = new Dropzone("div#dropzone", {
    url: "/image/upload",
    // uploadMultiple: false,
    paramName: 'images',
    addRemoveLinks: true,
    maxFiles: 1,
    maxFilesize: 2, // 文件大小,单位:MB
    acceptedFiles: '.jpg,.jpeg,.png',
    clickable: true,
    dictRemoveFile: '删除',
    params: {"_token": token},
    dictMaxFilesExceeded: '只能上传一张头像图片',
    dictInvalidFileType: "文件类型只能是*.jpg,*.png,*.jpeg",
    dictDefaultMessage: '点击这里上传图片',
    dictFileTooBig: '文件太大,超出最大(2M)限制',
    init: function () {
        //只上传一个
        this.on("maxfilesexceeded", function(file) {
            this.removeAllFiles();
            this.addFile(file);
        });
    },
});

参考:https://stackoverflow.com/questions/35838073/how-to-stop-upload-a-second-image-on-dropzone

vue使用v-html渲染的元素绑定事件

//vue html渲染标签,绑定test方法 <div v-html="data" @click="test"></div> //html渲染内容 //<button type="but...

阅读全文

jquery 反转 dom元素

例: <ul> <li>A</li> <li>B</li> <li>C</li> </ul> 需要变成: <ul> <li>C</li>...

阅读全文

网页禁止F12和查看源代码

一个网页禁止F12和查看源代码的函数 使用方法:在body中使用onLoad事件来调用这个函数 function disableInfo() { document.onkeydown = function() { ...

阅读全文

欢迎留言