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', //服务器返回json格式数据
                            type: 'post', //HTTP请求类型
                            timeout: timeOut,
                            success: function(data) {
                                 //获取返回的上传成功的数据
                            },
                            error: function(xhr, type, errorThrown) {
                                //异常处理;
                                
                            }
                        });
                    };
                });

后端部分

后端部分获取Base64之后解析出来,根据不同的格式进行再构造,并传给前端,主要的是格式问题,故格式整合如下(图片类型不变,变得是其他文件类型)
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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • http://www.jb51.net/article/29950.htm 文件后缀MIME备注 *.avivid...
    ink9979阅读 20,986评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 文件格式(或文件类型)是指电脑为了存储信息而使用的对信息的特殊编码方式,是用于识别内部储存的资料。比如有的储...
    一只不靠谱的猿_阅读 9,369评论 0 10
  • 尼莫的儿子已经6岁了,今天是他的生日。下班时间一到,尼莫就收拾东西走人,去超市为儿子挑选礼物。正是大家忙碌一天,有...
    一个都不正经阅读 3,008评论 7 1
  • 这几天被买房的信息刷了屏,“砍价到11点,涨了XX万”,“报价XX,被其他买家XX万抢走”。 目前来看,北京一套房...
    珂雪的顾问笔记阅读 4,032评论 0 0