直播平台搭建源码，通过 JS 读取本地图片并预览在页面中
直播平台搭建源码，通过 JS 读取本地图片并预览在页面中
1 | <!DOCTYPE html><br><html><br><head><br><meta charset="UTF-8"><br><meta http-equiv="X-UA-Compatible" content="IE=edge"><br><meta name="viewport" content="width=device-width, initial-scale=1.0"><br><title>Document</title><br></head><br><body><br><input id="myInput" type="file" onchange="getFile"><br><img id="myImage" src="" alt=""><br><script><br>document.getElementById("myInput").addEventListener("change", getFile, true)<br>function getFile(file) {<br>if (!file) {<br>return;<br>}<br>const {<br>files<br>} = file.target;<br>if (files.length <= 0) return;<br>const fileReader = new FileReader();<br>fileReader.readAsDataURL(files[0]);<br>fileReader.onload = (event) => {<br>console.log(event);<br>try {<br>const {<br>result<br>} = event.target;<br>document.getElementById("myImage").src = result;<br>} catch (e) {<br>console.log(e);<br>}<br>};<br>}<br></script><br></body><br></html> |
以上就是 直播平台搭建源码，通过 JS 读取本地图片并预览在页面中，更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现