Я пытаюсь загрузить файл, используя Flickr, используя JQuery. У меня есть форма (которая работает, если я не использую JQuery), которую я отправляю с помощью плагина формы. Мой код выглядит следующим образом:
<html>
<head>
<title>Test Upload</title>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#myForm').bind('submit', function() {
$(this).ajaxSubmit({
dataType: 'xml',
success: processXml
});
return false; // <-- important!
});
});
function processXml(responseXML) {
var message = $('message', responseXML).text();
document.getElementById('output').innerHTML = message;
}
</script>
</head>
<body>
<form id="myForm" method="post" action="http://api.flickr.com/services/upload/" enctype="multipart/form-data">
<input type="file" name="photo" id="photo"/>
<input type="text" name="api_key" id="api_key" value="..snip.."/>
<input type="text" name="auth_token" id="auth_token" value="..snip.."/>
<input type="text" name="api_sig" id="api_sig" value="..snip.."/>
<input type="submit" value="Upload"/>
</form>
<div id="output">AJAX response will replace this content.</div>
</body>
</html>
Проблема в том, что в ответ я получаю следующий текст:
<rsp stat="fail">
<err code="100" msg="Invalid API Key (Key not found)" />
</rsp>
несмотря на то, что файл загружается без проблем. Это означает, что мой div не обновляется, так как он не запускает функцию успеха. У любого есть идеи.
Спасибо