文件上传——选择文件之后自动上传||文件上传的后端代码

最新推荐文章于 2024-05-13 15:57:07 发布

小草dym

最新推荐文章于 2024-05-13 15:57:07 发布

阅读量1k

点赞数

分类专栏： layui

本文链接：https://blog.csdn.net/qq_39368007/article/details/105671016

版权

本文档介绍了在选择文件后自动进行上传的实现方法，包括后端代码的详细讲解，涉及RandomUtils、AppFileUtils及FileController三个关键组件。

摘要由CSDN通过智能技术生成

选择文件之后自动上传

//普通图片上传
        var uploadInst = upload.render({
            elem: '#test1'
            , url: 'file/upload.action'
            , accept: 'images'
            , acceptMime: 'image/*'
            , auto: true//是否选择文件之后自动上传
            , field: 'mf' //表单的name值
            , before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#demo1').attr('src', result); //图片链接（base64）
                });
            }
            , done: function (res) {
                alert(res);
                //如果上传失败
                if (res.code > 0) {
                    return layer.msg('上传失败');
                }
                //上传成功
                layer.msg("上传成功");
            }
            , error: function () {
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function () {
                    uploadInst.upload();
                });
            }
        });

非自动上传

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content=&#

最低0.47元/天解锁文章

小草dym

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
文件上传——选择文件之后自动上传||文件上传的后端代码

选择文件之后自动上传//普通图片上传 var uploadInst = upload.render({ elem: '#test1' , url: 'file/upload.action' , accept: 'images' , acceptMime: 'image/*'...
复制链接

扫一扫

专栏目录