把文件转换成data:*/*;base64

经常会遇到转换文件为bas64格式，可以使用如下链接

源代码如下：

&lt;!DOCTYPE html&gt;
&lt;html lang="cn"&gt;
&lt;head&gt;
&lt;title&gt;杰力皓博&lt;/title&gt;
&lt;meta charset="utf-8" /&gt;
&lt;meta name="referrer" content="same-origin" /&gt;
&lt;meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;
&lt;meta name="keywords" content="杰力皓博"&gt;
&lt;style&gt;
.content{
  width: 400px;
  margin: auto;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script&gt;
window.onload=function()
{
  prv_staus.value = "";
  prvfile.onchange=function(e)
  {
    var files = this.files;
    console.log(files);
    var selectedfile = files&#91;0];
    
    var reader = new FileReader();
    reader.readAsDataURL(selectedfile);

    reader.onload = function(event){
      prv_staus.value = event.target.result;
    }
  }
}

&lt;/script&gt;
&lt;div class="content"&gt;
  &lt;h1&gt;选择文件转成base64&lt;/h1&gt;
  &lt;br/&gt;
  &lt;input type="file" id="prvfile"/&gt;
  &lt;br/&gt;
  &lt;textarea id="prv_staus" name=""  rows="25" cols="50" placeholder="选择文件文件"&gt;&lt;/textarea&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

<!DOCTYPE html>

<head>

<style>

.content{

width: 400px;

margin: auto;

}

</style>

</head>

<body>

window.onload=function()

{

prv_staus.value = "";

prvfile.onchange=function(e)

{

var files = this.files;

console.log(files);

var selectedfile = files[0];

var reader = new FileReader();

reader.readAsDataURL(selectedfile);

reader.onload = function(event){

prv_staus.value = event.target.result;

}

</script>

<h1>选择文件转成base64</h1>

<br/>

<br/>

</div>

</body>

</html>

把文件转换成data:/;base64

发表评论取消回复

相关文章

发表评论 取消回复

发表评论取消回复