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')