兼容ie
小七:
这个作者很懒,什么都没留下…
展开
-
文件上传(WebUploader)成功之前自定义裁剪(vue-img-cutter),上传裁剪的图片,并兼容ie
上传文件使用的是WebUploader,可 分片、并发、文件体积大时支持MD5秒传 地址:http://fex.baidu.com/webuploader/ 思路: 初始化上传组件,使用vue-img-cutter的裁剪;在裁剪成功之后;为兼容ie, 将裁剪获得的base64Url格式的图片地址转成bolo文件,追加到上传队列之中;调用上传方法继续进行上传,以确保上传的是裁剪后的图片 使用方法: 第一步:先引用webuploader.js,建议下载下来放在本地直接使用 安装依赖vue-img-cutter并原创 2021-07-02 11:39:41 · 574 阅读 · 0 评论 -
img 图片标签自适应盒子, 使用object-fit属性,并兼容ie11
属性:object-fit fill - 默认值。调整替换后的内容大小,以填充元素的内容框。如有必要,将拉伸或挤压物体以适应该对象。 contain - 缩放替换后的内容以保持其纵横比,同时将其放入元素的内容框。 cover - 调整替换内容的大小,以在填充元素的整个内容框时保持其长宽比。该对象将被裁剪以适应。 none - 不对替换的内容调整大小。 scale-down - 调整内容大小就像没有指定内容或包含内容一样(将导致较小的具体对象尺寸) 为了图片在盒子中等比例缩放,且不拉伸图片使其变形 使用 ob原创 2021-07-02 11:05:57 · 862 阅读 · 0 评论