Question

我的智慧结束了。我购买了Real Ajax Uploader源代码并且它独立工作很好但是当我尝试在DIV中显示它时它会搞砸并只显示一个DIV并且其中的JS不起作用。没有错误信息，Firebug也没有显示任何错误，所有JS和CSS似乎都按预期显示。

*** UPDATE

好的，我已经尝试了我在文档中找到的所有内容，但仍然没有更好的结果。

本地主机/ index.php的

<?php 
error_reporting(E_ALL); 
ob_start("ob_gzhandler");
include 'include/_abcde.php';
include 'include/_fghij.php';
include 'include/_klmno.php';
include 'include/_pqrs.php';
include 'include/_tuvwxyz.php';
include 'include/db.php';
include 'include/links.php';
include 'include/profilefunc.php';
include 'include/adodb-time.inc.php';
date_default_timezone_set('America/Edmonton');
session_start();
 ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php    
    if (isset($_SESSION['username'])){ echo"<title>Alberta XChange - Welcome ".$_SESSION['username']."</title>";}
    else {echo"<title>Alberta XChange - Welcome</title>";}
?>    
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="Coffee's Creations">
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
    <link rel="stylesheet"  href="css/layout.css" type="text/css" />
    <link rel="stylesheet" href="css/baseTheme/style.css" type="text/css" media="all" />
    <script type="text/javascript" src="js/utility.js"></script>
    <script type="text/javascript" src="js/myjs.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/ajaxupload.js"></script>
    <script type="text/javascript">
        SyntaxHighlighter.all({toolbar:false});
    </script></head>
<body>
<?php
if(!empty($_POST['username'])&&!empty($_POST['user_pwd'])&&!empty($_POST['email'])){Register();}
if(!empty($_POST['usernamea'])&&!empty($_POST['passworda'])){Login();}
if (isset($_SESSION['username'])){LoggedIn();exit;}
else {LoginForm();}

?>
</body>

我已确认所有JS和CSS链接都有效。

localhost / include / _tuvwxyz.php（上传功能部分）

function Upload()
{
    ?>
        <div id="uploader_div"></div>

        <script type="text/javascript">
        $('#uploader_div').ajaxupload({
            url:'uploader/upload.php',
            data:'asd=asd&qwe=123',
            thumbHeight:200,
            finish:function(files){
                console.log(files);
            }
        });
        </script>
    <?php
}

localhost / uploader / upload.php是upload.php的位置。不会发布自原来的代码。但是，我不知道upload.php是否正在打开，但我认为没有理由不这样做。我唯一可以想到的可能是因为upload.php是从localhost / include中的函数调用的，我需要将url设置为../uploader/upload.php，但即使这样也没什么。

Answer 1

在文档中说：

dropArea = * jQuery选择器/ DOM元素 *

设置文件的拖放区域。默认区域是初始区域   容器。示例可以设置为dropArea：$（'。class'）。

所以在你的情况下，我会尝试这个：

dropArea：$（'＃drop_here'）

Answer 2

我知道它不在文档中，但是当您使用dom准备好包装ajaxupload脚本时会发生什么，例如：

 $(function(){
  $('#uploader_div').ajaxupload({
  url:'../uploader/upload.php',
  dropArea: '#drop_here',
  remotePath:'example3/'
 });

 });

Answer 3

原来我是双重加载jquery。删除第二个，它运行完美。谢谢你的帮助。

Real Ajax Uploader不会显示在DIV中

3 个答案: