码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-07-24 17:45:12      阅读:855      评论:0      收藏:0      [点我收藏+]

标签: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)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!