javascript - Bootstrap 파일 입력 썸네일 위의 업로드 삭제 버튼을 제거하는 방법은 무엇입니까?
我想大声告诉你
我想大声告诉你 2017-05-16 13:11:00
0
1
1249

< /p>

<%@ 페이지 contentType="text/html;charset=UTF-8" 언어="java" %>
<%
    문자열 경로 = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
    <머리>
        <meta charset="utf-8">
        <제목>사진 위 사진</title>
        <!-- jq -->
        <script type="text/javascript" src="<%=basePath%>static/plugs/jquery-3.1.1.min.js"></script>
        
        <!-- 부트스트랩 -->
        <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>
        
        <스타일>
            .container{padding-top:60px}
        </스타일>
    </머리>
    <본문>
        <p class="컨테이너">
            <p class="row">
                <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="myfile" type="file" class="file myfile" 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="file" name="myfile" data-ref="url2" class="col-sm-10 myfile" multiple/>
                            </p>
                        </p>
                        <button type="submit" class="btn btn-default col-sm-2 col-sm-offset-4">提交</button>
                    </양식>
                </p>
            </p>
        </p>
    
        <스크립트>
        
            /* var imgObj = document.getElementById("myfile");
            경고(imgObj); */
            $(".myfile").fileinput({
                uploadUrl:"<%=basePath%>uploadFile",//上传的地址
                uploadAsync:false, //현재 상태 확인
                showUpload: false, //是否显示上传按钮,跟随文本框的那个
                showRemove : true, //显示移除按钮,跟随文本框的那个
                showCaption: true,//是否显示标题,就是那个文本框
                showPreview : true, //是否显示预览,不写默认为true
                dropZoneEnabled: false,//是否显示拖拽区域,默认不写为true,但是会·사용很大区域
                //minImageWidth: 50, //그림의 크기가 작음
                //minImageHeight: 50,//그림의 작은 높이
                //maxImageWidth: 1000,//그림 크기의 크기
                //maxImageHeight: 1000,//이미지 크기의 높이
                //maxFileSize: 0,//单位为kb,如果为0表示不限제문件大小
                //최소파일 개수: 0,
                 maxFileCount: 4, //동일한 내용은 다음과 같습니다.
                 //enctype: '다중 부분/양식 데이터',
                 유효성 검사초기수:true,
                 PreviewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
                 msgFilesTooMany: "选择上传的文件数weight({n}) 超过允许的最大数值{m}!",
                 allowedFileTypes: ['image','text'],//配置允许文件上传的类型
                 allowedPreviewTypes : [ 'image','text'],//영문은 모두 허용됩니다.
                 allowedPreviewMimeTypes: [ 'jpg', 'png', 'gif' ,'txt'],//控被预览的所有mime类型
                 언어 : 'zh'
            })
            //异步上传返回结果处리
            $('.myfile').on('fileerror', function(event, data, msg) {
                console.log("fileerror");
                console.log(데이터);
            });
            //异步上传返回结果处리
            $(".myfile").on("fileuploaded", 함수(이벤트, 데이터, 미리보기 ID, 인덱스) {
                console.log("파일업로드");
                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(데이터);
            });
            
            //同步上传返回结果处리
            $(".myfile").on("filebatchuploadsuccess", 함수(이벤트, 데이터, PreviewId, 인덱스) {
                console.log("filebatchuploadsuccess");
                console.log(데이터);
            });

            //상위앞
            $('.myfile').on('filepreupload', function(event, data, PreviewId, index) {
                console.log("filepreupload");
            });        
        </스크립트>
    </body>
</html>
我想大声告诉你
我想大声告诉你

모든 응답(1)
曾经蜡笔没有小新

공식 문서의 옵션(구성)에는

이 있어야 합니다.

파일 삭제/지우기 버튼 표시 여부를 부울 값으로 지정합니다. 기본값은 true false로 설정하면 됩니다

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿