本文目录一览：
vue点击上传图片,vue上传oss,vue-cropper图片裁剪功能
操作步骤如下：在阿里云控制台创建一个OSSbucket，获取访问密钥和其他必要配置信息。在Vue项目中安装ali-oss库，可以使用npm进行安装。在前端代码中引入ali-oss库，配置访问密钥和其他必要的配置信息。
阿里云设置：1 进入 OSS 管理控制台 界面。2 在左侧存储空间列表中，单击目标存储空间名称，打开该存储空间概览页面。3 单击 基础设置 页签，找到 跨域设置 区域，然后单击 设置。
第三种方法：如果裁减的图片不是一个很规则的图形，PPT的自带形状中没有，那么我们可以采用这种方法进行裁剪。首先“插入”-“形状”-选中最简单的矩形，将矩形旋转至自己需要的角度。
有时候 我们不能去决定用户 上传图片的大小，那么我们就只能把用户上传的图片，压缩一下在传给后台，减少资源的消耗。
打开Vue，点击左下角“+”选项；然后在出现的页面里点击左上角“视频”按钮，就可以去其他文件夹里选择照片进行添加编辑了。
vue上传图片二进制保存到数据库
第一个最大的好处就是，方便移植。要是把这个项目部署到别的服务上很方便不用带照片文件，连数据库就行。
以二进制存储的话，较安全，图片存到数据库里面后，服务器端就没有文件夹存储图片了，网页中显示的图片都是来自数据库（所以读取图片稍微有点麻烦）。
添加两条using命名空间 using System.IO； using System.Data.SqlClient；作用为读取二进制数据流，用于数据库的连接。编辑Button按钮“打开一张图片”的Click事件。编写Button按钮“插入数据库：的Click事件。
解决方法一般有两种：一种是将图片保存的路径存储到数据库；另一种是将图片以二进制数据流的形式直接写入数据库字段中。
两种方式都可以。相对而言，存在数据库对对系统维护来讲要方便的多。
怎么连接mongo数据库(连接mongodb)
1、登录NineData控制台。 在左侧导航栏中，单击数据源管理数据源。 单击页面上的创建数据源，在弹出的数据源类型弹窗中，选择自建数据库MongoDB，在创建数据源页面根据下表配置参数。
2、首先，启动MongoDB数据库（不会的可参考我的其他指南，这里不多说），然后再连接MongoDB数据库。如图，使用 mongo命令就可以连接MongoDB数据库了。如图，提示connecting to……，说明连接成功了。
3、连接MongoDB数据库 使用如下命令来连接MongoDB数据库 mongo 连接MongoDB数据库 查看目前所使用的数据库。在MongoDB中，想查看使用的是哪个数据库，可以使用如下命令来查看。
vue页面传值能传图片吗
1、图片放在public里面 可以通过以上两种方法来设置，不然正常的写法vue不会解析 provide与inject的传值与props类似，前者可以给后代组件传值，而props是只能给子组件传值。
2、打开Vue，点击左下角“+”选项；然后在出现的页面里点击左上角“视频”按钮，就可以去其他文件夹里选择照片进行添加编辑了。
3、由于是新手，组件使用不熟练，所以我将图片的显示与上传等操作分离，单独自己去展示，上传时再使用组件上传，使用组件的：show-file-list=false属性来隐藏组件自带的图片展示功能。
4、一，创建两页面，跳转-传值 1，这里我们用 Vue 框架自带的页面 HelloWord.vue ，然后自己创建一个页面 textVue.vue ，并且放在一个文件下 componebts ，当然文件位置可以改变，为了图简单。
