2016-06-29 6 views
0

私はjquery fileuploadを使用しています。私はformDataにファイルの入力名を渡したいと思います。jquery fileupload formData入力名

私はthis.nameを使用しようとするが、その私はFORMDATAに

formData : { action:'upload', field:this.name , extensions : 'gif|jpeg|jpg|png'} 

をこののアクセス権を持っていけないことを私はデータ属性を使用しようとしているが、私はその場合

のいずれかのポストを得るいけないようです
<input id="input-image2" class="file-upload" type="file" name="image2" 
data-form-data='{ action:'upload', field:image2 , extensions : 'gif|jpeg|jpg|png'}' 
> 

入力名(この場合はimage2)をformDataに追加する方法を知っている人はいますか?

$('.file-upload').fileupload({ 
     url: '/myfile.php', 

     formData : { action:'upload', field:this.name , extensions : 'gif|jpeg|jpg|png'}, 

     acceptFileTypes: /(\.|\/)(gif|jpeg|jpg|png)$/i, 

     add : function (e, data) { 


      var type=data.files[0].type; 
      var size=data.files[0].size; 
      var name=data.files[0].name; 

      if(type=="image/gif" || type=="image/jpg" || type=="image/jpeg" || type=="image/png") 
      { 
       data.submit(); 
      } 
      else 
      { 
       //data.submit(); 
       alert('Please upload only .gif, .jpeg, .jpg .png files'); 
      } 
     },     
     fail: function(e, data){ 
      alert(data.jqXHR.responseText);  
     }, 

     dataType: 'json', 
     done: function (e, data) 
     { 
      //code here 
     }, 
     progressall: function (e, data) 
     { 

      var progress = parseInt(data.loaded/data.total * 100, 10); 
      $('#progress .progress-bar').css(
       'width', 
       progress + '%' 
      ); 


     } 
    }).prop('disabled', !$.support.fileInput) 
     .parent().addClass($.support.fileInput ? undefined : 'disabled'); 

にappriciatedすべてのヘルプをIMAGE2さ

ファイルアップロード用のinit

をたどり、私は、入力ファイルの名前でFORMDATAのフィールドPARAMを埋めるために必要として。 おかげ

答えて

0

ちょうどidinput要素にアクセスし、name属性を取得することにattr機能を使用します。

formData : { action:'upload', field:$("#input-image2").attr("name"), extensions : 'gif|jpeg|jpg|png'}; 
+0

私はID(入力画像2)を知らないとIAはプログラム的 – ntan

+0

それを見つけなければなりませんhttp://stackoverflow.com/questions/3577469/form-onsubmit-determine-which-submit-button-was-pressedまたはhttp://stackoverflow.com/questions/3577469/form-onsubmit-determine-which-submit-ボタンを押したときに役立つかもしれません。 – eol

関連する問題