Javascript 在移动浏览器上替换图像

大家好，我有一个功能可以替换我的div上的图像背景，它在我电脑上的网络浏览器bot Firefox和Chrome上可以正常工作，但是当我在手机上浏览它时，它确实要求允许从gallery中使用相机或图片，我可以选择一个，但它在手机上根本不起作用。有什么建议吗？提前谢谢

backgroundimg = document.getElementById('div').style.backgroundImage="url('callofduty.jpg')";



const frame = document.getElementById('div');
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)

---

哪部手机出了问题？让我试试Iphone，Android出了问题，我没有图像。Iphone甚至不允许我访问图片，它只允许我访问浏览器下载文件夹。