从我的文件上传输入中删除用户文件路径

时间:2015-01-15 15:11:52

标签: javascript jquery

已解决: fixed Fiddle感谢@Abdallah Arffak

我想从所选文件中删除../../../以上传,而只是显示文件名,例如index.html或诸如此类。

JSFiddle: http://jsfiddle.net/5u5ovxdL/

HTML

<div id="file">Chose file</div>
<input type="file" name="file" />

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

1 个答案:

答案 0 :(得分:1)

试试这个:

fileInput.change(function(){
    $this = $(this);
    var file = $this.val().split("\\");
    if(file.length)
      $('#file').text(file[file.length-1]);
})