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...
弹性布局 布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。20...
html的data url和b... data urldata url的语法为：data:[][;base64],说明：（1）mediat...
php高并发下生成绝对不重复标... php的uniqid()函数生成的标识在高并发下（例如循环）会重复，以下方法生成不重复标识：1、md...
php中htmlentitie... htmlentities()和htmlspecialchars()这两个函数的功能都是转换字符为HT...
swoole的安装 linux下安装swoole需先安装好php。（1）下载swoole源码，解压后进入源码目录，执行如...
css实现内容裁剪 1、实现单行内容裁剪，后跟省略号overflow:hidden;text-overflow:elli...
php获取路径、文件名、扩展名... $path="/test/upload/readme.txt";1、获取路径dirname($pat...
fetch方式发送请求 1、以get方式发送查询字符串fetch("server.php?查询字符串"[,{method:"...
xml cdata 所有 XML 文档中的文本均会被解析器解析。只有 CDATA 区段（CDATA section）中的...