我会将图像转换为字符串并将其从 ajax 发送到服务器，然后当我想从服务器获取它时，我会将其转换为文件而不是将其转换为图像 url，因此我进行了以下测试，但这是行不通的。
所以我需要你的帮助
<html>
<head></head>
<body>
<input type="file"/>Please input a "png" image for test<br>
<img src=""/>
<hr>
<button state="working">Working</button>
<button state="notworking">Not Working</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$.FileToString = async (File, callback) => {
const reader = new FileReader()
reader.onload = async () => {
callback(await reader.result)
}
reader.readAsText(File)
}
$.StringToFile = (String, type)=>{
return new Blob([String],{type:type})
}
$.FileToUrl = async (File,callback)=>{
const reader = new FileReader()
reader.onload = async ()=>{
callback(await reader.result)
}
reader.readAsDataURL(File)
}
</script>
<script>
$("button[state='notworking']").on("click",()=>{
$.FileToString($("input[type='file']")[0].files[0],(string)=>{
$.FileToUrl($.StringToFile(String,"image/png"),(a)=>($("img")[0].src = a))
})
})
$("button[state='working']").on("click",()=>{
$.FileToUrl($("input[type='file']")[0].files[0],a=>($("img")[0].src = a))
})
</script>
</body>
</html>
天涯尽头无女友
相关分类