js读取上传的文件
创始人
2025-07-09 12:17:42
0次

<img src="images/m1.png" id="img1">

<form action="" method="post">

<input type="file" name="file1" id="file1" accept="image/*" capture="camera" onchange=showit();">

<button type="submit">上传</button>

</form>


<script type="text/javascript">

  function showit(){

    var fr=new FileReader();

    fr.readAsDataURL(document.getElementById("file1").files[0]);

    fr.onload=function(){

      document.getElementById("img1").src=this.result;

    }

  }

</script>


上一篇：php的session

下一篇：h5实现手机拍照上传

相关内容

热门资讯

修复：npm : 无法加载文件... 这个错误是由于 PowerShell 的执行策略限制导致的。在某些系统上，默认情况下，PowerSh...
html的data url和b... data urldata url的语法为：data:[][;base64],说明：（1）mediat...
弹性布局 布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。20...
xml cdata 所有 XML 文档中的文本均会被解析器解析。只有 CDATA 区段（CDATA section）中的...
fetch方式发送请求 1、以get方式发送查询字符串fetch("server.php?查询字符串"[,{method:"...
php获取路径、文件名、扩展名... $path="/test/upload/readme.txt";1、获取路径dirname($pat...
php中的用户数据 数据类型编码器类型发送方式接收数据查询字符串application/x-www-form-urlen...
html中&nbsp;... HTML提供了6种空格实体（space entity），它们拥有不同的宽度，非断行空格（）是常规空格...
swoole的安装 linux下安装swoole需先安装好php。（1）下载swoole源码，解压后进入源码目录，执行如...
js设置html属性和CSS属... js设置html属性：（1）添加属性对象名.属性名=值对象名.setAttribute("属性名",...