前端上传图片到oss服务，模仿微博多张图片上传（最多九张）

效果图如下

核心js文件

• 推荐《前端上传组件Plupload使用指南》，有较详细使用指南。
• 文件地址：

https://www.cnblogs.com/2050/p/3913184.html#plupload_doc4

首先是css文件的引入

• 上传组件的css

  <link rel="stylesheet" href='../css/uploadOss.css'/>

-引入jq和upload 核心js文件

<script src="../js/commonJs/jquery.min.js"></script>
<script type="text/javascript" src="../js/commonJs/plupload.full.min.js"></script>

-html结构（具体细节图按照各位ui公司的图进行页面和样式开发，在这只介绍使用用法）

<a href="###" class="gc_tp"><em class="tellbox_tp"></em>图片<input type="file" id="choose_pic_click_1" name="file" multiple="multiple"  onmousedown="mouseDown_check(this)" accept="image/*"></a>

//发布传参
var pic_list = [];
var pushStr = '';
var publicParams = {};
publicParams.u = $.cookie('uid');//uid
publicParams.text = '';         //消息文本   注意替换一下游戏
publicParams.title = '说点什么来记录今天';    //消息标题   说点什么来记录今天
publicParams.pic = '';          //消息图片
publicParams.video = '';        //消息视频
publicParams.video_cover = '';  //视频封面
publicParams.video_title = '';	//视频标题
publicParams.f_type = 1;        //消息来源类型 int
publicParams.visible = 0;     //消息可见性
//公用部分
var accessid = '';
var accesskey = '';
var host = '';
var policyBase64 = '';
var signature = '';
var callbackbody = '';
var filename = '';
var key = '';
var expire = 0;
var g_object_name = '';
var g_object_name_type = '';
var now = timestamp = Date.parse(new Date()) / 1000;

//增加参数
var video_face;//视频封面的文件存储
function send_request_video() {
    var xmlhttp = null;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    if (xmlhttp != null) {
        serverUrl = '换成你自己的请求地址';//第一次请求地址
        xmlhttp.open("POST", serverUrl, false)；
        xmlhttp.send(null);
        return xmlhttp.responseText
    }
    else {
        alert("Your browser does not support XMLHTTP.");
    }
}
//图片上传
function send_request_pic() {

    var xmlhttp = null;
    if (window.XMLHttpRequest) {
        x