js原生实现本地图片转base64上传服务器(js,jq,html)

这里写自定义目录标题

上传过程:

1,使用input:type=file读取本地图片;
2,使用new FileReader(将)图片转化为base64位
3,使用ajax将图片上传服务器,后台反馈图片地址;
4,图片回显;

html

其中知识点:
1.input标签type为file的是读取本地文件
2.input中的accept属性:accept 属性只能与 配合使用。它规定能够通过文件上传进行提交的文件类型。在文件上传中使用 accept 属性,本例中的输入字段可以接受 GIF 和 JPEG 两种图像,例如:,如果不限制图像的格式,可以写为:accept=“image/*”。

<div id="imgt" style="float: left;position: relative;">
		<img src="img/imgt.png" id="head">
		<input type="file" accept="image/*"  id="photo2" onchange="photo(2)">
</div>

js

其中知识点:
1.使用时选取本地文件之后,通过获取该input标签,然后找到它的file属性,会发现是一个数组,因为我们不一定只选择一个

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值