問題描述

<p class='add'>添加步驟</p><script type='text/javascript' src='http://m.propowerdrill.cn/wenda/__PUBLIC__/js/jquery-3.0.0.min.js'></script><script type='text/javascript'>var i = 0;$(’.add’).on(’click’,function(){ //添加步驟 if(i==0){alert(’ok’); } i++; $(’.wrap’).append(’<p class='pp'>步驟’+i+’</p><form action='' enctype='multipart/form-data'><label> <input type='file' name='card' onchange='preview_local_image(this)'><img src='http://m.propowerdrill.cn/wenda/__PUBLIC__/img/uploadimg.png' alt=''></label><input type='text' value='’+i+’' style='display:none'><textarea name='' id='' cols='30' rows='10' placeholder='請寫下你的步驟。。。。'></textarea><p class='btn'><p class='save'>保存</p></form>’);});$(’.wrap’).on(’click’,’.save’,function(){ //保存到數據庫 var formData = new FormData($(’.pic_upload’)[0]); // console.log($(’#form’)[0]); console.log(formData); $.ajax({url:’__CONTROLLER__/save_step’,type:’POST’,data:formData,async: false, cache: false, contentType: false, processData: false, success:function(json){ // if(json.info == 'ok'){ // alert(’上傳成功’); // }else{ // alert(’上傳失敗’); // } // alert(json);} });return false;});</script>

問題解答

firebug抓一下ajax()這個過程的包看看。

如果jq先于append()的html代碼之前初始化，初始化是不成功的。

FormData方法好像不是這么用的吧。