Question

请有人帮我解决这个问题。我想从<input type="file" id="photo1" name="photo1"/>获取文件名我需要没有路径和扩展名的文件名！我尝试使用此var pic = document.getElementById("photo1").value;获取数据，但无效！提前谢谢！

Answer 1

我为你创造了一个小提琴：http://jsfiddle.net/rzvcy/1/

$(function(){
    $('#ddd').on('click' , function(e){
        e.preventDefault();
        var pic = document.getElementById("photo1").value;
        var answer = pic.split(/(\\|\/)/g).pop();
        alert(answer);
    });
});

编辑：在http://jsfiddle.net/rzvcy/3/中，您只有文件名

    var answer = answer.split(/\./g);

Answer 2

试试这个：http://jsfiddle.net/BLGg4/1/

var btn = document.getElementById("clickme");

btn.onclick = function() {
   var pic = document.getElementById("photo1").value.split(/(\\|\/)/g).pop();   
   var filename = pic.substring(0, pic.lastIndexOf("."));
   alert(filename); 
};

如何使用javascript从输入字段中获取文件名？

2 个答案: