Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<input type="file" id="upfile">
<br /><br /><br /><br /><br /><br />
你选择的文件的名称为:<span id="filename">未选择任何文件</span>
</body>
</html>
 
var upfile = document.getElementById("upfile");
upfile.onchange = function() {
    updateFilename(this.value);
};
function extractFilename(path) {
  var x;
  x = path.lastIndexOf('\\');
  if (x >= 0) // 基于Windows的路径
    return path.substr(x+1);
  x = path.lastIndexOf('/');
  if (x >= 0) // 基于Unix的路径
    return path.substr(x+1);
  return path; // 仅包含文件名
}
function updateFilename(path) {
   var name = extractFilename(path);
   document.getElementById('filename').textContent = name;
}
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers