查看详情

取消 vue-core-image-upload 的默认上传

vue-core-image-upload 是一款方便的 vue.js 图片上传裁剪插件,你可以用它进行图片的上传,裁剪和压缩。 vue-core-image-upload 提供 is-xhr 这个属性来 取消默认的上传方式。然后通过 imagechanged 来获取文件内容。 参考示例 下面我们简单实现一套代码,实现自定义图片处理,我们不用自动上传,我们上传一张 png 然后将图片进行压缩和重命名上传到我们的服务器。 安装依赖 默认的一些 vue ,webpack 这些安装就省略了,我们直接开始先安装插件 : npm i vue-core-image-upload --save 然后安装 j-i-c 用于图片的压缩。 npm install j-i-c --save 安装完成后,我们还需要做点小事情,我们需要将 jic 改成 common.js 的模式。这个时候我们更改下 src/JIC.js 。我们需要在文件末尾将模块导出; // ... above contens module.exports 详情 »

查看详情

vue-core-image-upload 2.3.x is released

Recently we released the next version of vue-core-image-upload; The latest version (2.3.4) is not statable and you can view code change in the branch. So you can submit your bugs you met to the github issues New Features Now when you resize an image you uploaded, you will view a rotate-button. And you can 详情 »

查看详情

vue-core-image-upload 2.1 Is Released

We are so happy to release the new version of vue-core-image-upload. We try to fix some bugs and support some new features. As the slogan: Do More For You We try to add some new features to handle the image files via pure javascript. There are some new features: Compress image in local browser Crop image 详情 »

查看详情

Vue-Core-Image-Upload 2.0 正式发布啦

[项目地址](https://github.com/Vanthink-UED/vue-core-image-upload) 前排撒花 💐😄。。。 Vue-Core-Image-Upload ,一款轻量级图片裁剪上传插件,你值得拥有。 经过几个月的使用和测试,我们终于合并了2.0.对于使用vue2.0的用户而言,现在直接使用 npm install vue-core-image-upload --save 去看看Demo吧。 如果你继续使用1.X的版本的话,你可以 npm install vue-core-image-upload@1.0.0 --save 我们保持了api的不变。 Code Example (ES6) import VueCoreImageUpload from './vue.core.image.upload.vue'; new Vue({ el: '#app', components: { 'vue-core-image-upload': VueCoreImageUpload }, data: { src: 'http://img1. 详情 »

一张图帮助你消化VUE2.0的源码

VUE2.0已经正式发布一段时间了,而且很多公司活着组织都开始迁移到VUE2.0中去了。相对VUE1.x这次升级和变化是巨大的,包括体积更小了,更好的性能表现,支持服务端渲染等。勾三股四放出了Github项目的源码分析导航,如果有兴趣研究的可以透过一张图去理解作者的思路. 点击查看大图 详情 »

Vue-Core-Image-Upload 一款Vue轻量级的图片裁剪上传插件

[项目地址](https://github.com/Vanthink-UED/vue-core-image-upload) 最近把jquery.core.image.upload迁到了vue的版本。当然Angular的版本还在写。 改的过程中,有的时候还在纠结要不要写个状态去维护对一些值的操作。后来到测试的时候才发现,各有优势吧。Vue目前交给了移动组的同事再弄,自己只参与了这次插件的改写,毕竟jQuery版本是自己维护的。有趣的是,发现代码量相对jquery少了很多,比如移动和拖拽,以前是依赖jquery.ui新的版本完全脱离这些,但是目前还是将其独立封装成一了一个类,但是写法还并非Vue的写法,因此后期可能还会有些变动吧。参数这些没有太多变化,还是和jquery的那个版本的功能保持一致。当然目前测试还没有添加进去。需要后面更新。 使用 npm i vue-core-image-upload --save Code Example (ES6) import VueCoreImageUpload from './vue.core.image.upload.vue'; new Vue({ el: '#app', components: { 'vue-core-image-upload': VueCoreImageUpload }, data: 详情 »