H5 移动端Input File 文件上传以及后端接收

最新推荐文章于 2024-10-03 19:13:18 发布

易01

最新推荐文章于 2024-10-03 19:13:18 发布

阅读量1.4w

点赞数

本文链接：https://blog.csdn.net/u012733501/article/details/82665712

版权

Web 专栏收录该内容

39 篇文章

订阅专栏

本文介绍了一种使用Base64字符串上传文件的方法，并详细解释了前后端如何处理Base64数据。前端通过AJAX上传Base64字符串，后端解析Base64并根据文件类型转换成对应格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端部分

前端部分主要用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) {
                                //异常处理；
                                
                            }
                        });
                    };
                });