jQuery File Uploadを使用しています。アップロード前の画像プレビューとは別に、すべてが機能しています。
デモと同じ JS.ie フッターのようなすべての JS ファイルを追加しました。
<script src="/assets/jquery/jquery-1.10.2.js"></script>
<script src="/assets/jquery/jquery-ui.js"></script>
<script src="/assets/twitter/bootstrap.js"></script>
<script src="/assets/load-image.min.js"></script>
<script src="/assets/tmpl.min.js"></script>
<script src="/assets/canvas-to-blob.min.js"></script>
<script src="/assets/jquery/plugins/upload/jquery.iframe-transport.js"></script>
<script src="/assets/jquery/plugins/upload/jquery.fileupload.js"></script>
<script src="/assets/jquery/plugins/upload/jquery.fileupload-process.js"></script>
<script src="/assets/jquery/plugins/upload/jquery.fileupload-image.js"></script>
<script src="/assets/jquery/plugins/upload/jquery.fileupload-validate.js"></script>
<script src="/assets/jquery/plugins/upload/jquery.fileupload-ui.js"></script>
<script src="/assets/flatui/flatui-checkbox.js"></script>
<script src="/assets/backend.upload.js"></script>
私が持っているアップロードJSで:
$(function () {
'use strict';
// Initialize the jQuery File Upload widget:
$('#fileupload').fileupload({
url: 'photos',
maxFileSize: 5000000,
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
});
// Enable iframe cross-domain access via redirect option:
$('#fileupload').fileupload(
'option',
'redirect',
window.location.href.replace(
/\/[^\/]*$/,
'/cors/result.html?%s'
)
);
// Load existing files:
$('#fileupload').addClass('fileupload-processing');
$.ajax({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
url: $('#fileupload').fileupload('option', 'url'),
dataType: 'json',
context: $('#fileupload')[0]
}).always(function () {
$(this).removeClass('fileupload-processing');
}).done(function (result) {
$(this).fileupload('option', 'done').call(this, null, {result: result});
});
});
HTML の GIST は次のとおりです: https://gist.github.com/weblee/6449018
コンソールエラーも発生しません。何かアドバイスはありますか?
ここで進行中です:http://screencast.com/t/HPQgdUsW