圖片上傳到服務(wù)器方法

代碼如下：

HTML ：

<a href="#">
        <div class="box-two">
                <div class="box-two-text">
                    <span style="color: black; font-size: 16px; padding: 30px 20px 30px 20px;">頭像</span>
                </div>
                <div style="float: left;width: 60%;z-index: 999;position: fixed;width: 100%;">
                    <form action="admin/NewsManager/UpdateImgBy80" method="post">
                        <input style="background: transparent;opacity: 0;height: 80px;width: 100%;" type="file" id="fileUpload" name="fileTrans" multiple="true" value="上傳圖片" />
                    </form>
                </div>
                <div class="pic">
                    <div id="userImg" style="width: 45px;height: 45px;border-radius: 20px;margin-right: 10px;">
                        ![](images/gwclogo.png)
                    </div>
                    <!--![](img/ziliao-xiangyou.png)-->
                </div>
        </div>
    </a>

js 代碼：

$("#fileUpload").on('change', function() {

                if(typeof(FileReader) != "undefined") {

                    var image_holder = $("#userImg");
                    image_holder.empty();

                    var reader = new FileReader();  //引入方法名稿湿。
                    reader.onload = function(e) {

                        $("<img />", { //創(chuàng)建img 然后追加進去
                            "src": e.target.result, //target中的result屬性的值，就是該文件的base64數(shù)據(jù)
                            "style": "width:45px;height:45px;border-radius: 45px;",
                            "class": "thumb-image",
                            "id": "sc-img"
                        }).appendTo(image_holder);

                        var ar = new Array();
                        var ee = e.target.result;
                        var data = ee.substr(ee.indexOf('base64,') + 7); // 16+7=23

                        ar.InterfaceAddress = "這里接入后臺提供的接口代碼名";
                        ar.Pic = data; //傳入照片流珠漂。
                        ar.username = 999;
                        ar.id = localStorage.getItem("UserId");
                        ar.fileName = 'userHead';
                        ar.tm = '1';
                        ar.Handshake_Time = CurentTime('-', true);
                        aes(ar, "endHeadpic");
                        console.log(ar);
                        //以上ar 數(shù)組 套用封裝好的代碼轉(zhuǎn)換成json數(shù)組 和 數(shù)據(jù)，再用 ajax  post到后臺返回 rs捶索。
    

                    }

                    image_holder.show();
                    reader.readAsDataURL($(this)[0].files[0]); //將文件讀取為本地url 通過readAsDataURL讀取數(shù)據(jù)成功后典奉，就會觸發(fā)load事件

                } else {
                    alert("你的瀏覽器不支持FileReader.");
                }

            });
            
            function endHeadpic(rs) { //關(guān)于ajax 已經(jīng)封裝成JS文件 我們公司可直接這樣套用傳入后臺數(shù)據(jù)中。
                
                console.log(rs);
                
            }

以上就是傳入我們后臺服務(wù)器的流程代碼等舔。