Question

如果你仔细研究这一守则,就会为每个附在的行文提供文件投入。现在,每个档案材料都有一个“Clear文档”纽州,在那里,它可以清除档案材料中的任何内容。问题是,它没有在档案材料中清除任何东西。为什么如此?

http://www.ohchr.org。

var sourceImageForm; 

function insertQuestion(form) {   
    var $tbody = $( #qandatbl > tbody ); 
    var $tr = $("<tr class= optionAndAnswer  align= center ></tr>");
    var $image = $("<td class= image ></td>"); 

    var $fileImage = $("<form action= imageupload.php  method= post  enctype= multipart/form-data  target= upload_target  onsubmit= startImageUpload(this);  class= imageuploadform  >" + 
        "<p class= imagef1_upload_process  align= center >Loading...<br/><img src= Images/loader.gif  /><br/></p><p class= imagef1_upload_form  align= center ><br/><label>" + 
        "Image File: <input name= fileImage  type= file  class= fileImage  /></label><br/><label class= imagelbl >" + 
        "(jpg, jpeg, pjpeg, gif, png, tif)</label><br/><br/><label>" + 
        "<input type= submit  name= submitBtn  class= sbtn  value= Upload  /></label>" + 
        "<label><input type= button  name= imageClear  class= imageClear  value= Clear File /></label>" +
        "</p> <iframe class= upload_target  name= upload_target  src= #  style= wclassth:0;height:0;border:0px;solclass #fff; ></iframe></form>");      

    $image.append($fileImage);
    $tr.append($image);  
    $tbody.append($tr); 

    $(".imageClear").click(function(event){
        event.preventDefault();
        $(this).parent().find(".fileImage").replaceWith("<input type= file  class= fileImage  name= fileImage  />");
    });

}

function startImageUpload(imageuploadform){
    $(imageuploadform).find( .imagef1_upload_process ).css( visibility , visible );
    $(imageuploadform).find( .imagef1_upload_form ).css( visibility , hidden );
    sourceImageForm = imageuploadform;
    return true;
}

function stopImageUpload(success){
    var result =   ;
    if (success == 1) {
        result =  <span class="msg">The file was uploaded successfully!</span><br/><br/> ;
    } else {
        result =  <span class="emsg">There was an error during file upload!</span><br/><br/> ;
    }
    $(sourceImageForm).find( .imagef1_upload_process ).css( visibility , hidden );
    $(sourceImageForm).find( .imagef1_upload_form ).html(result +  <label>Image File: <input name="fileImage" type="file"/></label><br/><label>(jpg, jpeg, pjpeg, gif, png, tif)</label><br/><br/><label><input type="submit" name="submitBtn" class="sbtn" value="Upload" /></label><label><input type="button" name="imageClear" class="imageClear" value="Clear File"/></label> );
    $(sourceImageForm).find( .imagef1_upload_form ).css( visibility , visible );     
    return true;   
}

Answer 1

你的一般战略似乎是正确的,即用另一个投入要素取代“明确”一类文件。我不知道为什么不工作,这里是一份简明的POJS版本,它确实工作:

<form>
  <input type="file" name="fileName">
  <input type="button" onclick="clearFileName(this);" value="Clear file input">
</form>

<script type="text/javascript">

function clearFileName(el) {
  var input = el.form.fileName;
  input.parentNode.replaceChild(input.cloneNode(false), input);
}

</script>

Answer 2

我写了明确文件投入的职能。它对所有浏览器都很有用。

<demo:

function clearInputFile(f){
    if(f.value){
        try{
            f.value =   ; //for IE11, latest Chrome/Firefox/Opera...
        }catch(err){
        }
        if(f.value){ //for IE5 ~ IE10
            var form = document.createElement( form ), ref = f.nextSibling;
            form.appendChild(f);
            form.reset();
            ref.parentNode.insertBefore(f,ref);
        }
    }
}

阁下:

    function clearInputFile(f){
        if(f.value){
            try{
                f.value =   ;
            }catch(err){
            }
            if(f.value){
                var form = document.createElement( form ), ref = f.nextSibling;
                form.appendChild(f);
                form.reset();
                ref.parentNode.insertBefore(f,ref);
            }
        }
    }
    $(".imageClear").click(function(){
        clearInputFile($(this).closest( form ).find( input[type="file"] )[0]);
    });

友情链接