![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
图片预览
小海柯
这个作者很懒,什么都没留下…
展开
-
js+files对象简单的实现图片上传预览效果
图片上传实现预览效果js+files对象简单的实现图片上传预览效果一步一步的优化,从简单的开始,加油!利用去访问文件中的图片,并使用change事件来监听是否有文件上传获取file对象解析对象,转成base64对象的url图片: 代码如下:<!DOCTYPE html><html lang="en"><head> <meta...原创 2019-03-11 23:02:31 · 1623 阅读 · 0 评论 -
图片上传预览居中
思路:一、实现上传用到的知识点: 1:<input type='file'/>去访问文件中的的图片 2:使用change事件去监听input value值的改变 二、获取file对象去获取上传的图片信息 1:document.getElementById('imgObj').files[0];原创 2019-03-12 10:49:24 · 489 阅读 · 0 评论 -
图片上传并进行裁剪
图片上传并进行裁剪有一下几个功能1:实现图片上传2:实现图片预览3:实现图片裁剪使用到的知识file对象,<input type='file'/>,cropper.js,参考:https://fengyuanchen.github.io/cropperjs/代码如下:<!DOCTYPE html><html lang="en"><h...原创 2019-03-12 19:05:53 · 2226 阅读 · 3 评论