美文网首页
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