【H5】iphone多张图片上传，iCloud的照片无法触发onchange事件，问题总结

问题描述

html

<div id="uploadBtn" class="needsclick"><span class="upload-img" class="needsclick"></span><span class="needsclick">上传照片</span></div>

<input type="file" id="uploadFile" name="uploadFile" multiple="multiple" accept="image/*" style="display: none"/>

js

var input = document.querySelector('input[type=file]');
input.onchange = function (){

1.把上传照片的div的点击事件和file的点击事件绑定在一起

2.选择相册中的图片（ps:因为本地内存不足，图片已经被上传至iCloud），需要从云端下载图片，等待后才会被选中

3.点击完成，无法触发onchange事件。（ps：选择非iCloud中的图片就可以正常上传）

解决办法

将file标签中 multiple="multiple" 属性去掉，单张上传时可避免此问题。

多张和iCloud兼容还未找到解决办法，待续......