base64多图片上传如何和后台进行交互 _sublime

base64多图上传到后台

文章插图

需要这些哦
sublime
thinkphp
方式/
1起首建立html页面：

<div class="container">
            <label>请选择一个图像文件：</label>
            <button style="display:none;" id="select">(从头)选择图片</button>
            <button id="add">选择上传图片</button>
            <input type="file" id="file_input" multiple/> 
            <button id="submit">提交</button>
        </div>

文章插图

2<style type="text/css">
    .float{
        float:left;
        width : 200px;
        height: 200px;
         overflow: hidden;
        border: 1px solid #CCCCCC;
         border-radius: 10px;
        padding: 5px;
        margin: 5px;
     }
    img{
        position: relative;
     }
    .result{
        width: 200px;
        height: 200px;
         text-align: center;
        box-sizing: border-box;
     }
    #file_input{
        display: none;
    }
</style>

文章插图

3window.onload = function(){
    var input = document.getElementById("file_input");
    var result;
    var dataArr = []; // 储存所选图片的成果(文件名和base64数据)
    var fd; //FormData体例发送请求
    var oSelect = document.getElementById("select");
    var oAdd = document.getElementById("add");
    var oSubmit = document.getElementById("submit");