Question

好的，我准备把头发拉出来。我一直在尝试两个不同的文件上传器库，Blueimp的jQuery文件上传器和Valums文件上传器。我无法使用其中任何一个在我的页面上显示上传按钮。我试图将它放在jQuery手风琴div中的一个表单内。我的代码必须遇到一些问题，这会阻止它出现在我的目标div中，但就控制台中的错误而言，我什么也得不到。什么都没有显示出来。有任何想法吗？这是我的代码的Blueimp版本：

HTML：

<div id="photo" class="additionsDiv"><br />
                    URL: 
                        <input type="text" name="photourl" size="40"></input>
                        or 
                        <div id="photoUpload">
                            <noscript>
                            <input name="photoUpload" type="file" size="0" /></input>
                            </noscript>
                        </div>
                </div>

使用Javascript：

function addUploaders() {
$('#photoUpload').fileupload();

};

包含链接文件：

<link type="text/css" href="libraries/blueimp/css/jquery.fileupload-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload.js"></script>
    <script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload-fp.js"></script>
    <script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload-ui.js"></script>
    <script type="text/javascript" src="libraries/blueimp/js/main.js"></script>

Answer 1

如果您要自定义界面，则应在使用自定义上传进度条设置简约界面时查看此link。。。。

该插件添加了包含自定义类的自定义范围，以显示所选文件并准备上传。。。

例如。。检查这个blueimp演示源

 <!-- The table listing the files available for upload/download -->
    <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>

我建议你看一下非常详细的documentation。。

无法获取jquery文件上传器出现在页面上

1 个答案: