首页 /web技术 / 正文

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...
swoole的安装
linux下安装swoole需先安装好php。(1)下载swoole源码,解压后进入源码目录,执行如...
php高并发下生成绝对不重复标...
php的uniqid()函数生成的标识在高并发下(例如循环)会重复,以下方法生成不重复标识:1、md...
html的data url和b...
data urldata url的语法为:data:[][;base64],说明:(1)mediat...
html字符实体(转义字符)
html字符实体(转义字符)的格式为:(1)&name; //name为名称...
php的session
session_start():开始session,通过判断session_id()来决定新建会话还...
xml cdata
所有 XML 文档中的文本均会被解析器解析。只有 CDATA 区段(CDATA section)中的...
php中htmlentitie...
htmlentities()和htmlspecialchars()这两个函数的功能都是转换字符为HT...
php并发处理文件
1、阻塞(等待)模式$fp=fopen&#40;"lock.txt",&...