javascript - Comment supprimer le bouton de suppression de téléchargement au-dessus de la vignette d'entrée du fichier Bootstrap?-Questions et réponses sur le réseau chinois PHP

< /p>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
≪%
    Chemin de chaîne = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
    <tête>
        <meta charset="utf-8">
        <title>图片上传</title>
        ≪!-- jq -->
        <script type="text/javascript" src="<%=basePath%>static/plugs/jquery-3.1.1.min.js"></script>
        
        <!-- bootstrap --->
        <link rel="stylesheet" href="<%=basePath%>static/plugs/bootstrap/css/bootstrap.min.css">
        <script type="text/javascript" src="<%=basePath%>static/plugs/bootstrap/js/bootstrap.min.js"></script>
        
        <!-- 图片上传即使预览插件 -->
        <link rel="stylesheet" href="<%=basePath%>static/plugs/bootstrap-fileinput/css/fileinput.min.css">
        <script type="text/javascript" src="<%=basePath%>static/plugs/bootstrap-fileinput/js/fileinput.min.js"></script>
        <script type="text/javascript" src="<%=basePath%>static/plugs/bootstrap-fileinput/js/locales/zh.js"></script>
        
        <style>
            .container{padding-top:60px}
        </style>
    ≪/tête>
    <corps>
        <p class="conteneur">
            <p class="ligne">
                <p class="col-sm-6 col-sm-offset-3">
                    <form class="form-horizontal" role="form" method="post" action="<%=basePath%>uploadFile" enctype="multipart/form-data" >
                        <p class="form-group">
                            <label class="col-sm-2 control-label">描述</label>
                            <p class="col-sm-10">
                                <input type="text" name="describ" class="col-sm-10 form-control" placeholder="请描述">
                            </p>
                        </p>
                        <p class="form-group">
                            <label class="col-sm-2 control-label">文件</label>
                            <p class="col-sm-10">
                                <input type="file" name="myfile" data-ref="url" class="file-loading myfile" accept="text/plain" multiple/>
                                <input name="monfichier" type="fichier" class="fichier monfichier" multiple data-show-upload="false" data-show-caption="true">
                                
                            </p>
                        </p>
                        <p class="form-group">
                            <label class="col-sm-2 control-label">封面</label>
                            <p class="col-sm-10">
                                <input type="fichier" name="monfichier" data-ref="url2" class="col-sm-10 monfichier" multiple/>
                            </p>
                        </p>
                        <button type="submit" class="btn btn-default col-sm-2 col-sm-offset-4">提交</button>
                    </formulaire>
                </p>
            </p>
        </p>
    
        <script>
        
            /* var imgObj = document.getElementById("monfichier");
            alerte(imgObj); */
            $(".monfichier").fileinput({
                uploadUrl : "<%=basePath%>uploadFile",//上传的地址
                uploadAsync:false, //
                showUpload : false, //
                showRemove : true, //
                showCaption : true, //
                showPreview : true, //是否显示预览,不写默认为true
                dropZoneEnabled : false, //
                //minImageWidth : 50, //图片的最小宽度
                //minImageHeight : 50,//图片的最小高度
                //maxImageWidth : 1000,//图片的最大宽度
                //maxImageHeight : 1000,//图片的最大高度
                //maxFileSize : 0,//单位为ko，如果为0表示不限制文件大小
                //minFileCount : 0,
                 maxFileCount : 4, //
                 //enctype : 'multipart/form-data',
                 validateInitialCount : vrai,
                 previewFileIcon : "<i class='glyphicon glyphicon-king'></i>",
                 msgFilesTooMany : "Il s'agit d'un système d'exploitation de type "{m}！",
                 autoriséFileTypes : ['image', 'text'],//
                 autoriséPreviewTypes : [ 'image', 'text'],//
                 autoriséPreviewMimeTypes : [ 'jpg', 'png', 'gif' ,'txt'],//控制被预览的所有mime类型
                 langue : 'zh'
            })
            //异步上传返回结果处理
            $('.myfile').on('fileerror', function(event, data, msg) {
                console.log("erreur de fichier");
                console.log(données);
            });
            //异步上传返回结果处理
            $(".myfile").on("fileuploaded", fonction (événement, données, aperçuId, index) {
                console.log("fichier téléchargé");
                var ref=$(this).attr("data-ref");
                $("input[name='"+ref+"']").val(data.response.url);

            });

            //同步上传错误处理
            $('.myfile').on('filebatchuploaderror', function(event, data, msg) {
                console.log("filebatchuploaderror");
                console.log(données);
            });
            
            //同步上传返回结果处理
            $(".myfile").on("filebatchuploadsuccess", fonction (événement, données, aperçuId, index) {
                console.log("filebatchuploadsuccess");
                console.log(données);
            });

            //上传前
            $('.myfile').on('filepreupload', function(event, data, previewId, index) {
                console.log("filepreupload");
            });        
        </script>
    </corps>
</html>
répondre à tous(1)
曾经蜡笔没有小新2017-05-16 13:13:00 1 plancher
Dans l'option (configuration) du document officiel, cela devrait être
Valeur booléenne indiquant si le bouton Supprimer/Effacer le fichier doit être affiché. La valeur par défaut est true Vous pouvez simplement la définir sur false
Comme +0
Ajouter une réponse