使用javascript中使用html浏览按钮捕获的文件名

时间:2013-01-27 13:59:19

标签: javascript

我正在尝试创建一个表单,我可以上传人口统计信息,如姓名等,以及上传jpg图像文件。我无法弄清楚如何从浏览按钮中捕获用户选择的文件。文件名存储在哪里?如何访问上传?如何访问它以将其指定为变量,例如:

var theFileName; 
function() 
if (filename !=null) { //manipulate the variable }; 
else { //something else};

我是JavaScript的新手,并试图通过网络资源和书籍自学,似乎无法找到答案。除了这个问题的答案之外,是否有人可以建议一个良好的网络资源来获得有关此主题的更多信息?最终目标是能够使用PHP将信息和文件上传到数据库中,以便可以在另一个页面上调用,但可以在不同的用户上调用。

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/EDfsh/

如果你看看我制作的这个小提琴,你有你需要的代码;)

它使用jQuery。

您的HTML输入

<input type="file" id="pic" >

JavaScript的:

function fileName(test){
    var source=test.value;
    alert(source);
}

$(function(){
    $('#pic').bind('change',function(){
        fileName(this);
    });
});

但是你看不到文件的来源。而且你没有权利看到整条道路。所以你只需要获取文件名。