js获取layui upload文件对象

在 layui 中，使用 upload 组件上传文件，可以通过监听 upload 组件的 change 事件来获取选择文件的信息。

具体获取方式如下：

1. 给 upload 组件绑定 change 事件：

upload.render({
  elem: '#test'
  ,url: '/upload/'
  ,change: function(res){
    // 选择文件后的回调函数
  }
});

2. 在回调函数中获取文件对象：

upload.render({
  elem: '#test'
  ,url: '/upload/'
  ,change: function(res){
    // 获取文件对象
    var file = res.file;
  }
});

其中，res.file 就是选择的文件对象。您可以根据需要，从文件对象中获取文件名、文件大小等信息。

相关问题

layui upload.render 获取按钮名称

在layui中，我们可以使用upload.render方法来给页面中的上传按钮添加上传功能。但是upload.render方法并不能直接获取按钮名称，它只是用于渲染上传按钮的样式和上传功能。

如果我们想要获取按钮名称，可以通过其他的方式来实现。一种常见的方法是使用HTML和JavaScript的配合。

首先，在HTML中给上传按钮添加一个id属性，例如：<button id="uploadBtn">上传按钮</button>。

然后，在JavaScript中使用jQuery或原生JavaScript的方式获取到按钮元素，并获取其文本内容作为按钮名称。

使用jQuery的示例代码如下：

var btnName = $('#uploadBtn').text();
console.log(btnName);

使用原生JavaScript的示例代码如下：

var btn = document.getElementById('uploadBtn');
var btnName = btn.innerText || btn.textContent;  // 考虑兼容性，先尝试innerText，再尝试textContent
console.log(btnName);

以上代码会将按钮名称打印到浏览器的控制台中，你可以根据实际需求做相应的处理，比如将按钮名称显示在页面中的某个位置。

需要注意的是，获取按钮名称的前提是按钮已经加载到页面中，并且可以通过id或其他属性来准确定位到该按钮元素。

layui upload 添加header

在使用 layui 的上传组件时，可以通过设置`headers`参数来添加请求头。具体方法如下：

layui.use('upload', function(){
    var upload = layui.upload;
    //执行实例
    var uploadInst = upload.render({
        elem: '#test' //绑定元素
        ,url: '/upload/' //上传接口
        ,headers: {
            token: 'your token' //自定义请求头
        }
        ,done: function(res){
            //上传完毕回调
            console.log(res);
        }
        ,error: function(){
            //请求异常回调
            console.log('请求异常');
        }
    });
});

在上面的代码中，我们在`headers`中添加了一个`token`请求头。你可以根据实际需求设置自己的请求头。