美文网首页
layui中文件上传与下载

layui中文件上传与下载

作者: 辣子_ | 来源:发表于2018-10-27 23:31 被阅读0次

    上传:

    见文档:https://www.layui.com/doc/modules/upload.html#choose

    obj.preview(function(index, file, result){

          console.log(index); //得到文件索引

          console.log(file); //得到文件对象,其中 file.name是文件名

          console.log(result); //得到文件base64编码,比如图片

        });

    下载:

    a标签中的href属性可以直接给下载链接的地址,点击的时候会自动跳出下载保存窗口

    用原生上传文件标签上传文件,获取上传文件的全路径:

    $('#file').change(function(){

        $('#em').text($('#file').val());

    });

    获取文件名:

    var file = $('#file'),

        aim = $('#em');

        file.on('change', function( e ){

            //e.currentTarget.files 是一个数组,如果支持多个文件,则需要遍历

            var name = e.currentTarget.files[0].name;

            aim.text( name );

        });

     注:e.currentTarget.files[0].name中是files,不是file


    页面之间大量传参用sessionStorage解决


    object对象遍历可用,$.each()方法,第一个参数是要遍历的对象,第二个参数是回调函数,具体用法见jquery手册

    相关文章

      网友评论

          本文标题:layui中文件上传与下载

          本文链接:https://www.haomeiwen.com/subject/dqhetqtx.html