图片
文章平均质量分 75
肖肖肖丽珠
学习学习。写博客是为了积累和总结。如果写的有错欢迎大家指正点拨。努力成为技术小牛~~加油
展开
-
uni-app把网络图片转成本地图片,把base64图片转为本地图片
//把网络图片改成本地图片 getNetworkImage(url) { return new Promise((resolve, reject) => { uni.downloadFile({ url, success: (e) => { cons...原创 2021-11-10 14:52:49 · 3103 阅读 · 0 评论 -
所有的图片格式
1. JPEG/JPG 特点:有损压缩、体积小、不支持透明、在压缩率不高时保留的细节还不错。 使用场景:颜色丰富的照片,JPG是通用的选择,如大的背景图、轮播图或Banner图。 2. PNG 特点:无损压缩、质量高、体积大、支持透明。 使用场景:透明图片的业务场景,如小的Logo、颜色简单且对比强烈的图片或背景。 3. SVG 特点:文本文件、体积小、不失真、兼容性好、无需多端、多分辨率适配、较强的交互特性、渲染成本比较高。 使用场景:图片色彩相对简原创 2020-09-01 18:06:45 · 1022 阅读 · 0 评论 -
浏览器会缓存页面中的图片。当你替换了图片以后,发现地址已经变了但是页面上的图并没有变。
只需要再图片的url后面加个随机值就可以啦。用?连接。 $("#img").attr("src",res.data.path+'?'+Math.random());//避免浏览器的缓存.加随机数原创 2019-06-20 16:41:55 · 2948 阅读 · 0 评论 -
背景图片时一个雪碧图。图片写在数组中通过循环获取
css因为引用的是一个图片,只是位置的变化。所有直接在css里面设置背景图.pic{width:80px;height:80px;display:inline-block;background:url('img/index.png') no-repeat;}<ul class="app_list_box"></ul><script src="js/jquery-3.1...原创 2018-03-06 18:01:41 · 838 阅读 · 0 评论 -
动态添加到页面中一些内容
比如这种本来页面是这样的<ul class="teacherAppList"> <li><a href="1.html"><img src="1.png">优芽互动电</a</li><li><a href="2.html">原创 2018-03-06 17:56:37 · 326 阅读 · 0 评论 -
一个图片是通过百分比设置的宽度。如果想他是个正方形,宽和高一样怎么办呢
我们经常会遇到这种问题:图片是百分比设置的宽度,我们希望他是正方形宽高一样。那怎么办呢??原创 2017-10-16 16:56:17 · 1504 阅读 · 0 评论 -
PhotoClip剪切图片。
PhotoClip body { margin: 0; text-align: center; } #clipArea { height: 300px; } #file, #clipBtn { margin: 20px; } #view { margin: 0 auto; width: 200px; heig原创 2017-03-24 19:16:24 · 3917 阅读 · 2 评论 -
vue项目中的 多图上传。涉及压缩
你可以在我的资源页面下载插件的压缩包:http://download.csdn.net/my 插件开发 new Vue({ el: "#app", methods: { onadd: f原创 2017-06-17 18:55:02 · 3362 阅读 · 0 评论 -
vue写一个图片轮播的组件,在父组件中引用。用到mui。push。concat。vue
这里先粘出mui的图片轮播的本来的代码,然后把他改成vue写的就可以啦!! mui-slider-item-duplicate">原创 2017-05-02 17:25:11 · 3142 阅读 · 0 评论 -
轮播图练手
把所有的图片通过position:absolute;top:0;left:0;定位在一起(注意这样写可能导致父元素没有高度,下面的点点就不能在最底部了。所以可以在最外层的div设置一个高度,宽度100%;这样可能图片就不是自适应的,缩放时高度和宽度都是不变的。)。点点作为焦点。鼠标经过第几个就显示第几个图片。还要有上一张下一张的按钮。 下面是效果图 *{ma原创 2017-09-01 14:08:03 · 230 阅读 · 0 评论 -
美化文件域input type=file的样式
原理是: 把这个input type=file的设置的不出现在屏幕中的可见区域内,然后用一个button出现,这个button就相当于原来type=file的那个选择文件的按钮。点击button就触发原来的选图片。在最外层给他添加一个背景图片。这个图片的样式就是type=file的样式。 简而言之,用那个背景图代替按钮,那个button代表 fileInput left"原创 2017-03-24 17:44:59 · 5516 阅读 · 0 评论 -
多图片上传,多文件上传。插件diyUpload.js
插件下载地址:http://download.csdn.net/my 引入: html页面: js: //原创 2017-04-12 09:47:25 · 5970 阅读 · 0 评论 -
移动端压缩图片。上传获取图片并压缩。lrz.all.bundle.js插件。 accept="image/*"加载慢的问题
查看下载地址:http://www.cnblogs.com/52fhy/p/5355601.html 希望在上传的时候获取图片并压缩他,之后上传至服务器。 script src="./dist/lrz.all.bundle.js">script> //这里加载的这个有个all,和上面地址的例子可能是不一样。因为 这个all的js是比较全的兼容android和ios的啦。原创 2017-02-24 16:39:30 · 8467 阅读 · 0 评论 -
支持多文件上传,预览,拖拽的基于bootstrap的上传插件fileinput
参考: http://www.cnblogs.com/landeanfen/p/5007400.html 一篇详细的包括后台C#的文章 http://plugins.krajee.com/file-input 官网 http://blog.csdn.net/sangjinchao/article/details/52250234 某个博主写的博客用了php看起来较简单原创 2017-04-08 17:47:27 · 6911 阅读 · 0 评论