layui-open-上传文件

Posted zhyue93

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui-open-上传文件相关的知识,希望对你有一定的参考价值。

<!--选择文件上传-->
<script id="upload_file_dialog" type="text/html">
    <div class="layui-form-item">
        <label class="layui-form-label">文件上传</label>
        <div class="layui-input-block">
            <button type="button" class="layui-btn" onclick="$(‘input[name=uploadfile]‘).click();">
                <i class="layui-icon">&#xe67c;</i>上传文件
            </button>
            <input type="file" name="uploadfile" style="display: none;" />
        </div>
        <label class="layui-form-label" style="width: 100%; text-align: left; padding-left: 110px;color:red;"
            id="uploadFileName">
            文件上传</label>
    </div>
</script>
//文件上传change事件
$("input[name=uploadfile][type=file]").on("change", function (e) {
    var filePath = $(this).val();
    filePath = filePath.substring(filePath.lastIndexOf("\\")+1);
    $("#uploadFileName").text(filePath);
});
function selectFileClick() {
    //判断浏览器版本
    if (webim.BROWSER_INFO.type == ‘ie‘ && parseInt(webim.BROWSER_INFO.ver) <= 9) {
        layui.layer.msg(‘上传文件暂不支持ie9(含)以下浏览器‘);
        //$(‘#updli_file_form‘)[0].reset();
        //$(‘#upload_file_low_ie_dialog‘).modal(‘show‘);
    } else {
        layui.layer.open({
            title: "文件上传",
            content: $(‘#upload_file_dialog‘).html(),
            area: [‘500px‘, ‘300px‘],
            btn: [‘发送‘, ‘取消‘],
            yes: function (index, layero) {//发送
                uploadFileBoxIndex = index;
                uploadFile(); 
            },
            btn2:function(index, layero) {//取消
                
            }
        });

        //文件上传change事件
        $("input[name=uploadfile][type=file]").on("change", function (e) {
            var filePath = $(this).val();
            filePath = filePath.substring(filePath.lastIndexOf("\\")+1);
            $("#uploadFileName").text(filePath);
        });
    }
}

技术分享图片

 

以上是关于layui-open-上传文件的主要内容,如果未能解决你的问题,请参考以下文章

Alamofire 文件上传出现错误“JSON 文本未以数组或对象开头,并且允许未设置片段的选项”

将存储在内存中的文件上传到s3

JS创建文件并上传服务器

ajaxFileUpload上传带参数文件及JS验证文件大小

android的自带的httpClient 怎么上传文件

大文件上传下载实现思路,分片断点续传代码实现,以及webUpload组件