Question

我尝试在带有外部内容的bootstrap模式中使用jQuery file upload。我对Firefox和资源管理器没有任何问题，但是使用Chrome我遇到了这个错误 无法读取未定义的属性'parseMetaData'

我在主模板中包含jQuery.js和jQuery.ui.min.js，并且在modal中按顺序在php页面中直接包含所有其他js：

<script src="//blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script src="js/jquery.fileupload-process.js"></script>
<script src="js/jquery.fileupload-image.js"></script>
<script src="js/jquery.fileupload-audio.js"></script>
<script src="js/jquery.fileupload-video.js"></script>
<script src="js/jquery.fileupload-validate.js"></script>
<script src="js/jquery.fileupload-ui.js"></script>

然后是我的代码：

jQuery(function ($) {
   'use strict';
   $('#fileupload').fileupload({

        autoUpload: true,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        maxFileSize: 8000000,
        maxNumberOfFiles: 6,
        disableImageResize: /Android(?!.*Chrome)|Opera/
        .test(window.navigator && navigator.userAgent),
        imageMaxWidth: 1200,
        imageMaxHeight: 900,
        imageCrop: false, 
        url: '/wall/'
    });


    $('#fileupload').fileupload(
        'option',
        'redirect',
        window.location.href.replace(
            /\/[^\/]*$/,
            '/cors/result.html?%s'
        )
    );
});

有人可以帮助我吗？

Answer 1

我找到了答案！我将所有脚本都包含在主模板的标题中。再见

无法在Modal中读取未定义的属性'parseMetaData'

1 个答案: