上传图片文件转换到base64

原创 chenyajun  2022-10-16 13:14:30  阅读 539 次 评论 0 条
<html>    
<body>    
<p>选择要加载的文件:</p>    
<input id="inputFileToLoad" type="file" onchange="loadImageFileAsURL();" />    
<p>文件内容为DataURL:</p>    
<textarea id="textAreaFileContents" style="width:640;height:240" ></textarea>    
<script type="text/javascript">    
function loadImageFileAsURL()    
{    
   var filesSelected = document.getElementById("inputFileToLoad").files;    
   if (filesSelected.length > 0)    
   {    
       var fileToLoad = filesSelected[0];    
       var fileReader = new FileReader();    
       fileReader.onload = function(fileLoadedEvent)    
       {    
           var textAreaFileContents = document.getElementById    
           (    
               "textAreaFileContents"    
           );    
           textAreaFileContents.innerHTML = fileLoadedEvent.target.result;    
       };    
       fileReader.readAsDataURL(fileToLoad);    
   }    
}    
</script>    
</body>    
</html>


本文地址:https://chenyajun.net/index.php/post/90.html
版权声明:本文为原创文章,版权归 chenyajun 所有,欢迎分享本文,转载请保留出处!

评论已关闭!