現在fileのアップロードを行おうとしています。
html
1<div id="divSelectMaterialFile" class="non-draggable"> 2 <form action="/upload" method="post" enctype="multipart/form-data" id="form" name ="form"> 3 <input id="file" name="filepath" type="file"/> 4 <button id="btnUpload" class="btn-material non-draggable" type="button" name ="filepath"></button> 5 </form> 6</div>
jquery
1$('#divSelectMaterialFile').file('upload[]',function(event,input) 2{ 3 var fd = new FormData($('#form').get(0)); 4 fd.append("type", type); 5 fd.append("xml", configXML); 6 7 $.ajax({ 8 url: URL 9 ,type: 'POST' 10 ,data : fd 11 12 ,processData: false 13 ,contentType: false 14 15 ,dataType: 'json' 16 }) 17 .done(function( data ) { 18 $('#result').text(data.width + "x" + data.height); 19 }); 20 21 return false; 22});
jqueryの方はちょっと端折ってますが大体このようにformdataを送信しているのですが
htmlのほうの 【<button id="btnUpload" class="btn-material non-draggable" type="button" name ="filepath"></button>】でinputも同時に行いたいのですが何かいい方法ございますでしょうか。よろしくお願いします
jquery : v1.8.3
あなたの回答
tips
プレビュー