私は、uploadifive の非フラッシュ バージョンを実装しようとしていました。ダウンロードに付属のデモは正常に動作します。しかし、ファイルをビューフォルダー内に配置してコントローラーから呼び出すと、機能しないようです。
これが私のview.phpファイルです。ビューフォルダに配置されます。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.uploadifive.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/uploadifive.css">
<style type="text/css">
body {
font: 13px Arial, Helvetica, Sans-serif;
}
.uploadifive-button {
float: left;
margin-right: 10px;
}
#queue {
border: 1px solid #E5E5E5;
height: 177px;
overflow: auto;
margin-bottom: 10px;
padding: 0 3px 3px;
width: 300px;
}
</style>
</head>
<body>
<h1>UploadiFive Demo</h1>
<form>
<div id="queue"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
<a style="position: relative; top: 8px;" href="javascript:$('#file_upload').uploadifive('upload')">Upload Files</a>
</form>
<script type="text/javascript">
<?php $timestamp = time();?>
$(function() {
$('#file_upload').uploadifive({
'auto' : false,
'checkScript' : 'check-exists.php',
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
},
'queueID' : 'queue',
'uploadScript' : 'uploadifive.php',
'onUploadComplete' : function(file, data) { console.log(data); }
});
});
</script>
</body>
</html>
そして、ここにコントローラーがあります:
<?php
class Upload_control extends CI_Controller
{
function __construct()
{
parent::__construct();
}
function index()
{
$this->load->view('view.php');
}
}
js スクリプトを js/ フォルダーに配置し、css を Web サイトのルートにある css/ フォルダーに配置しました。Web サイトのルートに check-exists.php と uploadifive.php を配置しました。アップロード ボタンがデモのものとは異なるように見えるため、これらのスクリプトを読み込んでいるかどうかはわかりません。私は何を間違っていますか?
どんな助けでも大歓迎です。
ありがとうございました。