无法在 IOS 和 Android 移动设备上选择文件

Question

我正在尝试能够上传图像以自动更改表格的背景，但它仅适用于台式机，它不适用于IOS和Android，任何人有任何指示吗？提前致谢。

const frame = document.getElementById('table');
const file = document.getElementById('file');
const reader = new FileReader();
reader.addEventListener("load", function () {
  frame.style.backgroundImage = `url(${ reader.result })`;
}, false);
file.addEventListener('change',function() {
  const image = this.files[0];
  if(image) reader.readAsDataURL(image);
}, false)

Answer 1

尝试使用对象网址

document.body.id = 'table'

const [{style}, file] = document.querySelectorAll('#table, #file')

file.addEventListener('change', img => {
  [img] = file.files
  style.backgroundImage = img ? `url(${URL.createObjectURL(img)})` : ''
})

<input type=file id=file accept="image/*">