• wangEditor3解决名称出现中括号"[]",无法上传图片
  • 最近在使用 wangEditor3 编辑器时,发现有时候无法成功上传。后来发现竟然是文件名的问题,如果文件名中出现了中括号 "[" 或者 "]",会报“插入图片错误”。(可以通过传参对比参数发现原因所在)正确传参:错误传参:解决方法:后来尝试在后台接受端过滤掉中括号 "[" 和 "]",发现还没接受到图片信息的时候就已经报错了。无法解决 wangEditor3 上传图片问题,于是尝试在前台传参的时候解决问题。前台只需...
  •  2018-01-30  |    程成  |    2190  |    0  |    前端技术  |   编辑器  wangEditor  上传  图片  前端  
  • 基于layer实现的多张图片浮层弹窗实现与左右切换效果
  • 今天需要做个图片弹出浮层,当点击小图时,可以弹出个大图的浮层弹窗,并且在多图的情况下可以左右切换。我第一反应是layerjs中有个layer.photos可以实现如上的效果,并且还自带左右切换的效果。后来去官网看了文档,大致用法如下:一、用法一//HTML示例 <div id="layer-photos-demo" class="layer-photos-demo">     &l...
  •  2017-03-04  |    程成  |    3618  |    4  |    前端技术  |   layer  弹窗  浮层  前端  图片  
  • 详解 JS/jQuery 实现加载图片时自适应大小和等比例摆放
  • 有时候在前台需要展示图片的时候,发现图片的大小不一致,有的大,有的小。更恶心的是图片有的是竖着看的,有的是横着看的。这个时候你如果给图片固定大小,要么图片会变形,要么有的图片会超出容器范围。最简单的方法就是写个js/jquery来自动适应图片的长宽,让图片能够在容器内正常显示。下面提供一个很好的jquery方法,自适应图片在页面中显示的大小和位置:function ImgPosInitMobs(obj) {     //图片 &nb...
  •  2017-03-03  |    程成  |    2147  |    2  |    前端技术  |   jQuery  图片  JS  前端  
  • bootstrap图片响应式图片自适应大小
  • 响应式图片:在 Bootstrap 版本 3 中,通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放。如果需要让使用了 .img-responsive 类的图片水平居中,请使用 .center-block 类,不要用 .text-center。 其中.center-block 类相当于,而.text-c...
  •  2017-02-20  |    程成  |    1927  |    1  |    前端技术  |   bootstrap  自适应  图片  前端