tofacebook.com -专业IT技术社区 【百家号】脸书百科,实现上传文件但隐藏选择文件的文字 Web程序 - tofacebook.com-专业IT技术社区
76°

【百家号】脸书百科,实现上传文件但隐藏选择文件的文字 Web程序

标签:erro   orm   NPU   put   void   javascrip   实现   cli   spl   

HTML代码:

<span tabindex="0" class="ant-upload" role="button">
                    <input type="file" accept="" style="display: none;" id="clueImgInput" onchange="uploadClueImg()">
                    <a href="javascript:void(0)" id="clueImgUploadButton" class="btn-normal">
                        <span>上传图片</span>
                    </a>?
                </span>

js触发点击选择文件代码:

$("#clueImgUploadButton").click(function () {
        $("#clueImgInput").click();
    });

上传的请求:

function uploadClueImg() {
    var file_obj = document.getElementById(‘clueImgInput‘).files[0];
    var fd = new FormData();
    fd.append(‘file‘, file_obj);
    $.ajax({
        type: ‘post‘,
        url: "uploadClueImg",
        data: fd,
        cache: false,
        processData: false,
        contentType: false,
    }).success(function (data) {
        if (data.code === 107){
            //上传成功
            var url = data.data;
            $(".add-picture-win img").attr(‘src‘,‘‘);
            $(".add-picture-win img").attr(‘src‘,url);
        }
    }).error(function () {

    });
}

 

 

$("#clueImgUploadButton").click(function () {
$("#clueImgInput").click();
});

实现上传文件但隐藏选择文件的文字

标签:erro   orm   NPU   put   void   javascrip   实现   cli   spl   

原文地址:https://www.cnblogs.com/cailijuan/p/9360594.html


本文由百家号/熊掌号作者上传并发布,百家号仅提供信息发布平台。文章仅代表作者个人观点,不代表百度立场。

已有 0 条评论

    我有话说: