input file上传图片，先本地预览之后，再上传! file报错undefined

Question

如题，file进行图片上传，先做的是本地预览，然后提交的时候再上传，获得files报错，请问什么原因?HTML: <input class="upload-file" onchange="selectImg()" id="file" type="file" name="file" accept="image/*" multiple > <input class="upImgBtn" onclick="doUpload()" type="button" value="上传"/>js部分：

Answer 1

不要用jq，你应该用原生js获取，

var file = $("#file")[0].files;

jq本身获取不是通过files获取的，是通过.prop('files')来获取其自身的files属性，js是通过files获取的，这点和checkbox的checked很像，jq的话

$("#file").prop('files')