Javascript 文件上传和删除

Javascript 文件上传和删除,javascript,jquery,Javascript,Jquery,我正在尝试上载一个文件,并显示上载文件的名称以及“删除”链接,以删除上载的文件(以便上载另一个文件)。这就是我到目前为止得到的。一切正常,只是当我删除上传的文件,并试图通过点击“选择文件”按钮上传另一个文件时,会弹出相同的文件名。如何从内存中删除文件名(我猜是这样),使按钮像new一样工作,并且在提交表单时没有文件名,也不会发送任何文件,但是如果上传的文件没有被删除,它应该可以提交。 非常感谢您的帮助。删除后添加$this.val(“”),以便将输入值设置为空 SITE.fileInputs =

我正在尝试上载一个文件,并显示上载文件的名称以及“删除”链接,以删除上载的文件(以便上载另一个文件)。这就是我到目前为止得到的。一切正常,只是当我删除上传的文件,并试图通过点击“选择文件”按钮上传另一个文件时,会弹出相同的文件名。如何从内存中删除文件名(我猜是这样),使按钮像new一样工作,并且在提交表单时没有文件名,也不会发送任何文件,但是如果上传的文件没有被删除,它应该可以提交。 非常感谢您的帮助。

删除后添加$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);
        }
    }
};
SITE.fileInputs=function(){
变量$this=$(this),
$val=$this.val(),
valArray=$val.split('\\'),
newVal=valArray[valArray.length-1],
$button=$this.sides('.button'),
$fakeFile=$this.sides('.file holder');
如果(newVal!=''){
$button.text('File selected');
如果($fakeFile.length==0){
$('.place').html(''+newVal+'');
$this.val(“”);
}否则{
$fakeFile.text(newVal);
}
}
};

在此处检查结果:

谢谢您的回答。如果我只想删除该文件并上传另一个文件,这就可以了。但如果我确实想提交上传的文件,它也会使文件的值为空。知道怎么做吗?移动$this.val(“”);到delete函数(添加$('.file包装器输入[type=file]')).val('');)。检查