稀土掘金 稀土掘金
  • 首页
    • 首页
    • AI Coding NEW
    • 沸点
    • 课程
    • 直播
    • 活动
    • AI刷题
    • APP
      插件
      • 搜索历史 清空
        • 写文章
        • 发沸点
        • 写笔记
        • 写代码
        • 草稿箱
        创作灵感 查看更多
    • vip
      会员
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
0 /100
文件操作
订阅
avatar
前端说明书 创作等级LV.2
更多收藏集

微信扫码分享

微信
新浪微博
QQ

2篇文章 · 0订阅
  • FileReader与URL.createObjectURL实现图片、视频上传预览
    之前做图片、视频上传预览常用的方案是先把文件上传到服务器,等服务器返回文件的地址后,再把该地址字符串赋给img或video的src属性,这才实现所谓的文件预览。实际上这只是文件“上传后再预览”,这既浪费了用户的时间,也浪费了不可轻视的流量。 最近上网查资料才知道其实可以很轻松地…
    • 甜虾
    • 7年前
    • 11k
    • 92
    • 13
    HTML
  • 前端本地文件操作与上传
    第一种是最常用的手段,通常还会自定义一个按钮,然后盖在它上面,因为type="file"的input不好改变样式。如下代码写一个选择控件,并放在form里面: 可以看到文件的路径是一个假的路径,也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…
    • 人人网FED
    • 7年前
    • 37k
    • 1.8k
    • 48
    JavaScript