文件上传和删除

时间:2011-01-21 19:31:29

标签: javascript jquery

我正在尝试上传文件,并显示上传文件的名称以及“删除”链接以删除上传的文件(以便上传另一个文件)。 Here是迄今为止我所拥有的。一切正常,但当我删除上传的文件,并尝试通过单击“选择文件”按钮上传另一个文件时,会弹出相同的文件名。如何从内存中删除文件名(我猜),因此按钮的工作方式与新的一样,并且在提交表单时没有文件被发送而没有文件名,但如果上传的文件未被删除,则应该是可以提交。 非常感谢您的帮助。

1 个答案:

答案 0 :(得分:3)

删除后添加$ this.val(''),以便将输入的值设置为空。

SITE.fileInputs = function() {
    var $this = $(this),
        $val = $this.val(),
        valArray = $val.split('\\'),
        newVal = valArray[valArray.length - 1],
        $button = $this.siblings('.button'),
        $fakeFile = $this.siblings('.file-holder');
    if (newVal !== '') {
        $button.text('File chosen');
        if ($fakeFile.length === 0) {
            $('.place').html('<div><span class="file-holder">' + newVal + '</span><a href="#" class="delete_upload">Remove</a></div>');
            $this.val('');
        } else {
            $fakeFile.text(newVal);
        }
    }
};

在此处查看结果:http://jsfiddle.net/kTNuB/3/