Javascript 从<；输入文件>；ios safari将在1分钟后过期
问题是，一旦您从文件管理器中选择一个图像，并在一分钟后使用它，就会发生错误。Javascript 从<；输入文件>；ios safari将在1分钟后过期,javascript,html,ios,safari,blob,Javascript,Html,Ios,Safari,Blob,问题是，一旦您从文件管理器中选择一个图像，并在一分钟后使用它，就会发生错误。 我搜索了很长时间，但没有结果。 谁能提供一份文件或告诉我如何解决这种情况 <!doctype html> <html> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <title>Image preview example</title> &
我搜索了很长时间，但没有结果。
谁能提供一份文件或告诉我如何解决这种情况
<!doctype html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<title>Image preview example</title>
</head>
<body>
<div><img style="width:200px;height:200px" id="uploadPreview" src="" alt="Image preview" />
<input id="uploadImage" type="file" name="myPhoto" />
<button onclick="loadImageFile()">Save</button></div>
<div id="error"></div>
<script>
oFReader = new FileReader(), rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;
oFReader.onload = function (oFREvent) {
document.getElementById("uploadPreview").src = oFREvent.target.result;
document.getElementById("error").innerText='';
};
oFReader.onerror = function(error){
document.getElementById("error").innerText=error.toString();
}
function loadImageFile() {
if (document.getElementById("uploadImage").files.length === 0) { return; }
var oFile = document.getElementById("uploadImage").files[0];
if (!rFilter.test(oFile.type)) { alert("You must select a valid image file!"); return; }
oFReader.readAsDataURL(oFile);
}
</script>
</body>
</html>
图像预览示例
拯救
oFReader=newfilereader（），rFilter=/^（3）以下：：：：：：图像\/bmp（医学院校）图像\/bmp（医学院校）图像\/bmp（医学院校）图像\/以下以下以下：：：：：：：：：：：：：：：：：：图像\/bmp图像\/bmp（医学院校）图像\/医学院校图像\/医学院校图像\/中美中美中美两国的图像\/中学中学中学中学化学化学化学化学化学化学化学化学化学化学化学化学中学中学中学中学中学学生学生学生学生的图像图像\/图像\/图像\/图像\/图像\/图像\/医学医学医学院校学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生学生图像\/图像\/图像\/图像\/中学中学中学中学中学中学中学化学化学化学化学化学化学化学化学化学化学化学化学化学化学中学中学中学中学中学中学中学中学中学中学中学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学化学x \-rgb |图像\/x \-xbitmap |图像\/x \-xpixmap|图像\/x \-xwindowdump）$/i；
oFReader.onload=函数（OFRENT）{
document.getElementById（“uploadPreview”）.src=ofretent.target.result；
document.getElementById（“错误”）.innerText=''；
};
oFReader.onerror=函数（错误）{
document.getElementById（“error”）.innerText=error.toString（）；
}
函数loadImageFile（）{
if（document.getElementById（“uploadImage”）.files.length==0）{return；}
var of ile=document.getElementById（“uploadImage”）.files[0]；
如果（！rFilter.test（oFile.type））{alert（“您必须选择有效的图像文件！”）；return；}
readAsDataURL（oFile）；
}
帮助！！！一些代码如何？欢迎使用Stack Overflow \您需要为其他贡献者提供代码以帮助您。此链接提供了有关如何在您的帖子中创建最小可复制示例的指导方针>>>有趣的是…我手上没有访问iOS设备进行测试的权限，因此您可以尝试并告诉我得到了什么报告吗在超时时间过后ed。嗨Kaido，他们都说三次失败…这真的很糟糕，我从没想过他们会自动撤销blob URI…你也可以试试这些吗？