これは私の構造です:
<html>
<head>
<title></title>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="vendor/jquery.ui.widget.js"></script>
<script src="jquery.iframe-transport.js"></script>
<script src="jquery.fileupload.js"></script>
<script src="main.js"></script>
</head>
<body>
<div id="main">
<input type='submit' value='Go' onClick='open_form();' />
</div>
<script>
$(function () {
$('#fileupload').fileupload({
url: 'upload.php',
dataType: 'json',
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
}
});
});
</script>
</body>
</html>
main.js
function open_form() {
$.get('test.php?rand',function(response){
$('#main').html(response);
});
};
test.php
<input id="fileupload" type="file" name="files[]" data-url="server/php/" multiple>
アップロード.php
<?php
$data = array('name' => 'Test');
echo json_encode('files' = > $data);
何も起こらないか、アップロードがトリガーされません...「ファイルの選択」が表示されるため、関数呼び出しを要求する関数 ajax が原因であると思いますが、ファイルを選択しても何も起こりません。