Question

我想将文件上载到投入类型档案中,但当我把表格编成分类时,我只拿到了投入类型文本,而其他人则不是档案——我如何这样做? 难道这种 j笑没有实现吗?

The html/php:

<form action="<?php echo HTTP_ROOT.INC_LAYOUT;?>ask_add_xml.php" method="post" enctype="multipart/form-data" id="form_qna_ask">

        <div class="item-form">
            <h2><a href="#"><span>ASK</span></a></h2>
            <label id="ask_title_label">
            <input type="text" name="ask_title" id="ask_title" value="" title="TYPE IN A TITLE"/>
            </label>
        </div>

        <div class="item-form">
            <h2><a href="#"><span>EMAIL</span></a></h2>
            <label id="ask_email_label">
            <input type="text" name="ask_email" id="ask_email" value="" title="TYPE IN YOUR EMAIL"/>
            </label>
        </div>

        <div class="item-form">
            <label id="ask_content_label">
                <textarea name="ask_content" id="content_mce" title="CONTENT"></textarea>
            </label>
        </div>

        <div class="item-form">
            <div class="left">
                <label>
                <img src="views/www/styles/images/global/button-add-images-q-n-a.gif" alt="add images" style="float:left;"/> 
                <h2 id="add_images_label"><a href="#"><span>Add Images</span></a></h2>
                </label>
            </div>

            <div class="right">
                <div class="processing"></div>
                <input type="submit" name="cancel" value="CANCEL"/>
                <input type="submit" name="submit" value="SUBMIT"/>
            </div>
        </div>


        <div class="item-form" style="border:1px solid #bbbbbb; padding:10px 10px 20px 15px; background-color:#ffffff;">
            <p>Add images: this allows you to attach pictures to your question. Only 2 pictures at 2MB each are allowed to upload.</p>
            <input type="file" name="image[]"/>
            <input type="file" name="image[]" />
        </div>

    </form>

这是 j,

this.postForm_ask = function(){
$("#form_qna_ask").submit(function(){
    $( #popup_result ).remove();
    var path = $(this).attr( action );
    var processing = $( #q-n-a .processing );
    processing
        .css({
            margin:"0px 0px 0px -80px",
            position:"absolute",
            visibility:"visible"
            });

    processing.html( <div><p><img src=" +http_root+img_global+ loader-2b.gif"/> loading</p></div> );
    $.post(path, $("#form_qna_ask").serialize(),function(xml){
            alert($("#form_qna_ask").serialize());
            processing
                .css({
                    visibility:"hidden"
                    });
            processAsk(xml);
        });
    return false;
    });
}

many thanks, Lau

Answer 1

页: 1 只是用下面的ug子来分类!

http://malsup.com/jquery/form/#ap-started

最后法典

this.postForm_ask = function(){

 $( #form_qna_ask ).submit(function() { 
  var processing = $( #q-n-a .processing );
  processing
   .css({
    margin:"0px 0px 0px -80px",
    position:"absolute",
    visibility:"visible"
    });
  processing.html( <div><p><img src=" +http_root+img_global+ loader-2b.gif"/> loading</p></div> );
  $(this).ajaxSubmit({ 
   target:  #output ,
   // dataType identifies the expected content type of the server response 
   dataType:   xml , 

   // success identifies the function to invoke when the server response 
   // has been received 
   success: processXML_ask 
  }); 
        return false; 
 });

}

this.processXML_ask = function(xml){ //  ==  function addMessages(xml) {  

 var processing = $( #q-n-a .processing );
 processing.css({
     visibility:"hidden"
     });

 $(document.body).append("<div id="popup_result" class="popup"></div>");
 var target = $( #popup_result );
 var scrollTop = $(window).scrollTop();
 var scrollLeft = $(window).scrollLeft();
 var width = 400;
 var top = 200;
 var marginLeft = "-"+ ((scrollLeft + width)/2);
 target
  .css({
   top:(scrollTop + top) + "px", 
   left:"50%",
   marginLeft:marginLeft + "px",
   width:width + "px",
   zIndex:"11",
   display:"none"
   });

 target.load(http_root+inc_layout+"result.php", {}, function(){
 $("error", xml).each(function(){
  var elementid = $(this).attr( elementid );
  var message = $(this).attr( message );
  //alert(elementid);
  $("#"+elementid+"_label").addClass( error-qna );
  $(".result").append("<img src= "+http_root+img_global+"attention.png  /> <b>" + message + "</b> <br />");
   target.fadeIn( slow , function(){ 
    closePopup(target);
    //$( form *[title] ).inputHint();
   }); 
  });
 $("result", xml).each(function(){
  var message = $(this).attr( message );
  $(".result").append("<img src= "+http_root+img_global+"info.png  /> <b>" + message + "</b> <br />");
   target.fadeIn( slow , function(){ 
    closePopup(target);
    clearFormElements( form );
    $( .form *[title] ).inputHint();
    $( input:file ).MultiFile( reset );
   }); 
  }); 
 });
}

Answer 2

当然,你想要让这一服务器发挥作用? 档案以双亲寄送,无法通过XHR任何途径寄送。

如果你想要即时立上载,就使用一机。

友情链接