JSP上傳文件格式限制

<div class="modal fade" id="sendModal" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">                     
                <button class="close" aria-hidden="true" type="button" data-dismiss="modal">
                    ×關閉
                </button>
                <h4 class="modal-title" id="alertTitle">
                    刪除提示
                </h4>
            </div>
            <form id="add_file" method="post" action="" enctype="multipart/form-data">
                <div class="modal-body" id="alertBody">
                    <div class="" id="divip">
                        <label for="nameIP">IP地址:</label>
                        <input id="send_ip" name="send_ip" value="127.0.0.1"/>
                    </div>
                    <div class="" id="sub_file">
                        <input id="abz001" name="abz001" style="200px" value="" placeholder="文件名" type="text" class="form-control" readonly/>
                        <input id="fileOrImg" name="fileOrImg" type="file" accept=".txt,.xls,.xlsx" style="width: 50%" onChange="getFilePath()"/>
                    </div>
                </div>
                <div class="modal-footer">     
                    <button class="btn btn_modal" type="button" οnclick="sendNoticeServlet()">確定</button>     
                    <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>    
                </div>
            </form>
        </div>
    </div>
</div>

 

<script type="text/javascript">

  function getFilePath(){
    var file = $("#fileOrImg").val();
    var suffix = file.substr(file.lastIndexOf("."));
    if(suffix != '.txt'){
        alert("請上傳txt格式的文本文件");
        $("#fileOrImg").val('');
        return;
    }else{
        $("#abz001").val(file);//獲取文件所在地址
    }
  }

</script>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章