如何删除jquery文件上传中的fakepath?

Jay*_*uan 3 html

我有这个代码。有人可以帮助我如何删除文件上传时的 fakepath 吗?谢谢你

html代码

<div id="file">Chose file</div>
<input type="file" name="file" style="display:none;"/>
Run Code Online (Sandbox Code Playgroud)

查询代码

var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
var fileInput = $(':file').wrap(wrapper);

fileInput.change(function(){
 $this = $(this);
 $('#file').text($this.val());
})

$('#file').click(function(){
 fileInput.click();
}).show();
Run Code Online (Sandbox Code Playgroud)

Car*_*teo 5

在里面fileInput.change(function(){...})你可以添加一些代码来改变假路径。例如,您可以从 fakepath 中获取文件名,如下所示:

var text = $('#file').html();
text = text.substring(text.lastIndexOf("\\") + 1, text.length);
$('#file').html(text);
Run Code Online (Sandbox Code Playgroud)

你可以在这里看到一个例子:http : //jsfiddle.net/cnfdcomg/

您可以避免创建text并直接传递一个字符串,html()如下所示:

$('#file').html("Your file is ready to be uploaded!");
Run Code Online (Sandbox Code Playgroud)

希望对你有帮助!