哇塞， 今天我们要来学一个超酷的技巧，就是用layuiupload.render这玩意儿神技Neng来上传图片！你晓得吗，这玩意儿方法超级轻巧松，就像玩儿一样轻巧松，迅速来跟我一起kankan吧！

啥是layuiupload.render？

layuiupload.render就像是电脑里的一个超级工具箱， 它Neng帮我们轻巧松地实现文件上传，特别是图片上传，简直太方便了！

先说说 我们要把layuiupload.render这玩意儿工具箱打开，kankan它长远啥样。它长远得有点像这样：

layui.upload.render({
    elem: '#upload',
    url: '/upload/',
    done: function{
        //上传完毕回调
    },
    error: function{
        //求异常回调
    }
});

这玩意儿代码里 有几个hen关键的东西，让我来给你说明白一下：

• elem这玩意儿就像是你告诉电脑，我要把上传按钮放在这里。
• url这玩意儿是上传的地方， 就像是电脑里的一个房间，文件会送过去。
• done这玩意儿是上传成功后的回调函数，就像是上传成功后的一个庆祝仪式。
• error这玩意儿是上传输了时的回调函数，就像是上传输了后的一个安慰仪式。

高大级用法，让上传geng酷！

不过这还不够酷，对吧？我们Neng让它geng有力巨大，geng酷炫！来kankan这些个高大级用法：

管束文件类型和巨大细小

我们Neng告诉电脑， 我们只想要图片，不想要别的乱七八糟的东西。这样， 我们就Neng这样写：

layui.upload.render({
    elem: '#upload',
    url: '/upload/',
    accept: 'images',
    exts: 'jpg|png|gif',
    size: 500 // 单位是KB
});

这里accept参数管束了文件类型，exts参数管束了文件后缀名，size参数管束了文件巨大细小。

kan得出来上传进度条

我们还Neng让电脑在上传图片的时候， 给我们kan得出来一个进度条，这样我们就Neng晓得图片上传得怎么样了。这样写：

layui.upload.render({
    elem: '#upload',
    url: '/upload/',
    progress: function{
        var percent = n + '%';
        element.progress;
    }
});

这里 progress参数就是一个神奇的回调函数，它会告诉我们上传的进度。

设置求头

有时候， 我们兴许需要给电脑发送一些特殊的指令，这就需要用到求头。这样写：

layui.upload.render({
    elem: '#upload',
    url: '/upload/',
    headers: {'Authorization': 'Bearer '+ token}
});

这里headers参数就是用来设置求头的。

上传前提示

我们还Neng在上传前给用户一个提示，这样用户就晓得电脑正在Zuo啥了。这样写：

layui.upload.render({
    elem: '#upload',
    url: '/upload/',
    before: function{
        layer.msg;
    }
});

这里 before参数就是一个神奇的回调函数，它会在上传前kan得出来一个提示信息。

通过学layuiupload.render， 我们不仅学会了怎么上传图片，还学会了怎么让上传过程geng加酷炫和高大效。希望这篇文章Neng帮你geng优良地搞懂这玩意儿神技Neng，让你在网页开发的道路上geng加得心应手！