1. 程式人生 > >JavaScript獲取上傳檔案的檔名及副檔名

JavaScript獲取上傳檔案的檔名及副檔名

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>獲取上傳檔案的檔名及副檔名</title>
</head>
<body>
<script language="javascript">
<!--
function getFileName(obj)
{
    
var pos = obj.value.lastIndexOf("/")*1;
    
return obj.value.substring(pos
+1);
}


function getFileExt(obj)
{
    
return obj.value.replace(/.+./,"");
}


function showInfo(obj)
{
    
var filename ="檔名:"+ getFileName(obj);
    
var fileext ="副檔名:"+ getFileExt(obj);
    document.getElementById(
"filename").innerText = filename;
    document.getElementById(
"fileext").innerText = fileext;
}

-->
</script>
<div id="filename" style="font-size:12px; "></div><br>
<div id="fileext" style="font-size:12px; "></div><br>
<input type="file" name="file1" onChange="showInfo(this);">
</body>
</html>

相關推薦

JavaScript獲取檔案檔名檔名

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>獲取上傳檔案的檔名及副檔名</title></head><

Vue.js下載檔案判斷檔案型別,獲取檔案大小

目錄 下載檔案 方法一  方法二 方法三 1.程式碼 1.程式碼 1.程式碼 下載檔案 所用的瀏覽器:Google Chrome 方法一 功能:點選匯出按鈕,提交請求,下載excel檔案; 1.跟後端

C/C++解析檔案路徑,獲取碟符、路徑、檔名檔名

經常要處理跟檔案相關的東西,免不了要做一些解析路徑以及檔名副檔名的工作。 以前傻傻的自己去strstr斜槓,然後慢慢匹配解析,後來才發現有API做好了相應的工作了。。。 函式原型: void _splitpath( constchar *path, char 

JSP實現檔案下載和刪除(附:JS獲取檔案檔名

1.檔案上傳 直接複製專案了,你們有需要的自己看著改吧 表單部分截圖  (新增分類按鈕可忽略) jsp頁面html部分 <form action="" id="form" enctype="multipart/form-data" method="post">

struts2檔案時,關於在action裡面獲取檔案檔名

在struts2中有個檔案上傳的攔截器 FileUploadInterceptor 在它的intercept中我們可以找到答案。   貼原始碼: public String intercept(ActionInvocation invocation) throws Exce

springMVC獲取檔案

一,通過commons-fileupload.jar來獲取上傳,此時不走Servlet的 api, 在spring的xml檔案配置中,加上 <bean id="multipartResolver" class="org.springframework.web.multipart.

input[type=file] 獲取檔案的內容

上程式碼: <input type="file" name="file" id="fileUpload"> jquery: $("#fileUpload").change(function () { console.log($("#fileUp

關於php獲取檔案失敗的問題

通過在php檔案中打印出$_FILES['userfile']['error'] 錯誤程式碼,然後根據錯誤程式碼來分析問題。 值:0; 沒有錯誤發生,檔案上傳成功。 值:1; 上傳的檔案超過了 php.ini 中 upload_max_filesize 選項限制的值。 值

獲取檔案的字尾名並且判斷是不是圖片格式

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-

tp5獲取檔案資訊

->getSavename 獲取儲存的檔名 ->getInfo 獲取上傳檔案資訊 ->getMime 獲取檔案的MIME資訊 ->md5 獲取檔案的md5雜湊值 ->sha1 獲取檔

jquery的非同步提交表單(非同步檔案jquery.form.js檔案注意事項

方法一:jquery的ajax方式,通過FormaData獲取表單資料 (1)這種方式只需要jquery-1.7.js外掛; (2)通過`jquery中的FormaData類: 自動搜尋表單資訊(表單內沒有name屬性的input不會被搜尋到),IE<=9

springmvc 後臺實現監聽檔案大小進度

一、首先需要自定義一個監聽進度的listener       import javax.servlet.http.HttpSession; import org.apache.commons.fileupload.Progres

javascript檔案的相關操作

大多數網站都有很多涉及檔案上傳的需求,例如:一些SNS網站為了讓使用者更加形象化,會讓使用者自定義上傳頭像檔案。現在介紹一些關於javascript操作上傳檔案的方法,包括限制上傳檔案的格式、獲取上傳檔案的大小、清空上傳檔案、多檔案上傳等。 瀏覽器內建的file型input

golang http獲取檔案 小記

r.ParseMultipartForm(32 << 20) //分配獲取資訊記憶體 file, handler, err := r.FormFile("uploadfile") //name的欄位 if err !=

jQuery獲取檔案的名稱

//獲取檔名稱 function getFileName(path) {     var pos1 = path.lastIndexOf('/');     var pos2 = path.lastI

用jquery來獲取檔案的大小

function GetFileSize(fileid) { try { var fileSize = 0; //for IE if ($.support.msie) { //before making an object of ActiveXObject, //please make su

servlet3.0 getPart()與getParts()獲取檔案

需求: servlet3.0以上,就是tomcat7.0以上,web.xml->web-app->version 3.0以上, 不需要引入其它的jar包 Servlet類需要添加註釋@MultipartConfig, 必要, 否則request.getPart(

http Content-Type 中的boundary搗亂,導致服務端無法獲取檔案

使用 httpcomponents httpclient 4.3.1 上傳檔案時服務端總是返回“需要可用的引數”,這個結果描述是應用自定義的,太過於籠統,得不到任何有用的資訊。後來和伺服器端一起除錯才找到問題的根源。 客戶端傳送的 http Content-Type: C

JS獲取檔案大小2(html)

<html> <head>file size</head> <body> <input type="text" size="4" value="10" name="fileSizeLimit" id="fileSiz

微信小程式常見問題->檔案後如何在後臺(php)獲取檔名解決方法

1、效果展示 2、客戶端指令碼關鍵程式碼 var OBJ_PAGE_DATA={}; var SERVER_URL="";//伺服器介面地址 OBJ_PAGE_DATA['uploadFiles'