博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js原生简单的上传图片
阅读量:6445 次
发布时间:2019-06-23

本文共 371 字,大约阅读时间需要 1 分钟。

学习前端的小伙伴们在项目中肯定都遇到过上传图片的这种功能吧.

那么今天我们就来学习一下原生的上传图片吧~

go go go go~~~~


在原生js中j就有一个很简单的方法用来操作文件 ——FileReader

允许web应用程序异步读取储存在用户电脑上的文件,可以使用file和blob对象指定要读取的文件或数据。File对象可以是来自input上传文件返回的fileList对象,也可以来自拖放生成的DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果。

这是官方介绍哈!

+

    ok!简单的上传图片并浏览就完成喽!

    效果图:

    图片描述

    转载地址:http://ckvwo.baihongyu.com/

    你可能感兴趣的文章
    for...in的改进版for...of
    查看>>
    时间正则表达式小叙
    查看>>
    Linux获取当前用户信息函数
    查看>>
    访问网络共享时出现“拒绝访问”
    查看>>
    Bash shell
    查看>>
    2015移动安全挑战赛 第一题
    查看>>
    aspx页面@Page指令解析
    查看>>
    关于web项目中中文乱码问题的总结
    查看>>
    ios 之CGRectMake
    查看>>
    选择排序的算法和优化
    查看>>
    DataGridView 输入数据验证格式(实例)
    查看>>
    java获取当前年、半年、季度、月、日、小时 开始结束时间等
    查看>>
    HDOJ 2151
    查看>>
    Foundation框架 - 快速创建跨平台的网站页面原型
    查看>>
    Intel 82599网卡异常挂死原因
    查看>>
    open-falcon
    查看>>
    周会会议2018.4.20
    查看>>
    二叉树的建立与遍历
    查看>>
    ubuntu 配置tomcat 实测成功
    查看>>
    【虚树】hdu6161 Big binary tree
    查看>>