Question

我有这个代码。有人可以帮我解决如何在文件上传时删除伪路径吗？三江源

html代码

<div id="file">Chose file</div>
<input type="file" name="file" style="display:none;"/>

jquery代码

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();

Answer 1

在fileInput.change(function(){...})内，您可以添加一些代码来更改伪路径。例如，您可以从伪路径中获取文件名，如下所示：

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

您可以在此处查看示例：http://jsfiddle.net/cnfdcomg/

您可以避免创建text并将字符串直接传递给html()，如下所示：

$('#file').html("Your file is ready to be uploaded!");

希望它能帮到你！

Answer 2

在fileInput.change(function(){...})内部替换为：

$('#file').text($this.val());

与

$('#file').text($this.get(0).files.item(0).name);

如何在jquery文件上传中删除fakepath？

2 个答案: