H5 移動端Input File 文件上傳以及后端接收

前端部分

前端部分主要用ajax 上傳Base64字符串碼

$("#fileInput").live("change", function() {
                    var path = $(this).val();
                    var showfilename = $(this).parent().parent().prev(); //展示文件名稱的view
                    showfilename.show(); //顯示展示名稱
                    showfilename.text(this.files[0].name);
                    var reader = new FileReader();
                    reader.readAsDataURL(this.files[0]);
                    reader.onload = function(e) {
                        console.log(e.target.result)
                        mui.ajax(http + _data.upload2, {
                            data: {
                                file: e.target.result,
                                fileModuleName: "saler",
                            },
                            dataType: 'json', //服務(wù)器返回json格式數(shù)據(jù)
                            type: 'post', //HTTP請求類型
                            timeout: timeOut,
                            success: function(data) {
                                 //獲取返回的上傳成功的數(shù)據(jù)
                            },
                            error: function(xhr, type, errorThrown) {
                                //異常處理;
                                
                            }
                        });
                    };
                });

后端部分

后端部分獲取Base64之后解析出來,根據(jù)不同的格式進行再構(gòu)造,并傳給前端,主要的是格式問題,故格式整合如下(圖片類型不變,變得是其他文件類型)
word doc后綴,type為msword


doc.jpg

以此類推
word后綴docx---tyoe為 vnd.openxmlformats-officedocument.wordprocessingml.document

excel后綴xls---vnd-ms-excel
excel后綴xlsx----vnd.openxmlformats-officedocument.spreadsheetml.sheet

pdf后綴 pdf----pdf

txt后綴 ---text/plain
ppt后綴----vnd.openxmlformats-officedocument.presentationml.presentation

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • http://www.jb51.net/article/29950.htm 文件后綴MIME備注 *.avivid...
    ink9979閱讀 21,041評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,564評論 19 139
  • 文件格式(或文件類型)是指電腦為了存儲信息而使用的對信息的特殊編碼方式,是用于識別內(nèi)部儲存的資料。比如有的儲...
    一只不靠譜的猿_閱讀 4,688評論 0 10
  • 尼莫的兒子已經(jīng)6歲了,今天是他的生日。下班時間一到,尼莫就收拾東西走人,去超市為兒子挑選禮物。正是大家忙碌一天,有...
    一個都不正經(jīng)閱讀 484評論 7 1
  • 這幾天被買房的信息刷了屏,“砍價到11點,漲了XX萬”,“報價XX,被其他買家XX萬搶走”。 目前來看,北京一套房...
    珂雪的顧問筆記閱讀 798評論 0 0

友情鏈接更多精彩內(nèi)容