摘要: ——————– 如上图所示:需要完成的功能是点击更改头像,获取本地文件库,选择图片后将原始图片替换。这里我就直接用html文件引入vue来简单实现在这功能,代码如下: HTML: 1 2 3 4 5 6 7 8 9 10 11 12 注意: 1.accept 属性用于限制图像的格式 如:(accep 阅读全文
posted @ 2018-08-07 15:36 小菜与小鸟 阅读(9669) 评论(0) 推荐(0)
摘要: window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元素层次冒泡,可以在任意一层进行处理, 有了元素的引用,就可以读写改元素的属性。 IE浏览器 阅读全文
posted @ 2018-08-07 15:27 小菜与小鸟 阅读(1772) 评论(0) 推荐(0)
摘要: 在前端开发中,为了更好的用户体验,在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法。 html代码: <div id="myPhoto" v-show="personalPhoto"> <div id="myPhoto" v-show="personal 阅读全文
posted @ 2018-08-07 14:58 小菜与小鸟 阅读(2379) 评论(0) 推荐(0)
摘要: 因为最近遇到个移动端上传头像的需求,上传到后台的数据是base64位,其中为了提高用户体验,把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时,会发生图片旋转,为了解决这个问题引入了exif去判断拍照时的信息再去处理图片,这是个很好的插件。关于exif.js可以去他的GitH 阅读全文
posted @ 2018-08-07 14:56 小菜与小鸟 阅读(7751) 评论(1) 推荐(0)
摘要: ajaxFileUpload是一个异步上传文件的jQuery插件。 语法:$.ajaxFileUpload([options]) options参数说明: 1、url 上传处理程序地址。 2,fileElementId 需要上传的文件域的ID,即<input type="file">的ID。3,se 阅读全文
posted @ 2018-08-07 14:49 小菜与小鸟 阅读(3755) 评论(0) 推荐(0)