JQ ajaxFileUpload的一些问题

Posted 2020-11-23 Esquecer

1、input之后没法再次获得响应事件，change无效

解决办法，对file这个Input的父级做响应事件。

<div class="lineBox lineBox0_24 lineBoxtest" id="test">
    <div class="lineLabel">添加图片</div>
    <label>
        <input style="position:absolute;opacity:0;" type="file" class="fileInput file" multiple="multiple"
               id="file" name="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"/>
        <input type="hidden" class="noinit" value="" name="imgs" id="pic_file">
        <div class="imgBox" id="imgbox1">
            <img src="../images/imgbox.png" class="backimg">
        </div>
    </label>
    <div class="imgBox1" id="imgbox">

    </div>
</div>

JQ：

$(".lineBoxtest").on("change", "input[type=‘file‘]", function (e) {
    handleFileSelect(e);
});



2、上传文件没法加载，考虑异步问题。在success函数里面加图片添加实践。