图片上传到阿里云oss保存

互联网新时代，除了纯信息展示类的网站，基本都是有文件上传功能的。但是随着业务的发展，如果上传的文件和数据库都和网站程序源代码放在一起，那是有相当多的弊端的。

1：用户体验比较差，

2：服务器的成本略高，

3：静态文件会占用大量带宽，

常规的做法是把源代码放到一台服务器上，图片等静态文件放在另一台服务器上

当一个神奇的“云”时代的到来后，一切就变的更加简单了。在业务还比较小的时候，我们无需大费周折的去搞一台静态文件服务器，直接使用第三方的即可。

如果对阿里云OSS有什么问题的可以自行查看 https://help.aliyun.com/document_detail/31817.html?spm=a2c4g.11186623.6.539.cB4wo2

下面简单介绍一下本地图片上传到阿里云OSS的两种方法

1.直接上传不保存到本地

测试页面直接用form表单提交，后台接收并上传，这样做由于form表单限制文件大小，而且不能对文件进行操作不是很好，不多介绍了

2.图片文件转成base64格式，接收并保存上传，

<div class="imgWrap">
                        <img id="objImg" class="showImg">
                        <input type="file" accept="image/*" οnchange="selectFileImage(this, false, 2, '1')" data="1" class="jsImg">
                        <div class="logo_up">
                            <i></i>
                            <span>添加图片</span>
                        </div>
                        <div class="jdtUP dn " style="left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 100%;">
                            <div>
                                <img src="/Public/static/img/wait_proc.png" style="width: auto;">
                            </div>
                            <div>
                                <span>上传中...</span>
                            </div>
                        </div>
                    </div>

js处理：

function selectFileImage(fileObj, isupLoad, sign, myCardId, listIndex) {
    var file = fileObj.files['0'];
    console.log("file.size",file )
    //图片方向角 added by lzk  
    var Orientation = n