Question

我尝试建立一个可以上传文件的网站。使用this教程。我像他们一样设置它，但css样式没有任何效果。我使用eclipse和我的html文件看起来像这样：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
<script src="WebContent/js/jquery-1.9.1.min.js"></script>

<script src="WebContent/js/vendor/jquery.ui.widget.js"></script>
<script src="WebContent/js/jquery.iframe-transport.js"></script>
<script src="WebContent/js/jquery.fileupload.js"></script>

<!-- bootstrap just to have good looking page -->
<script src="WebContent/bootstrap/js/bootstrap.min.js"></script>
<link href="WebContent/bootstrap/css/bootstrfap.css" type="text/css" rel="stylesheet" />

<!-- we code these -->
<link href="WebContent/css/dropzone.css" type="text/css" rel="stylesheet" />
<script src="WebContent/js/myuploadfunction.js"></script>
</head>

<body>
<h1>Spring MVC - jQuery File Upload</h1>
<div style="width:500px;padding:20px">

    <input id="fileupload" type="file" name="files[]" data-url="rest/controller/upload" multiple>

    <div id="dropzone">Drop files here</div>

    <div id="progress">
        <div style="width: 0%;"></div>
    </div>

    <table id="uploaded-files">
        <tr>
            <th>File Name</th>
            <th>File Size</th>
            <th>File Type</th>
            <th>Download</th>
        </tr>
    </table>

</div>
</body> 
</html>

css和js文件的路径应该是正确的。我把它们拖进去了。我读到你必须从浏览器中清除缓存。但仍然只有普通的HTML网站。在调查元素时，我无法在浏览器中看到样式。如果我在html文件中写css样式。它也不起作用。我希望有一个人可以帮助我。亲切的问候山姆

我的英语不好。对不起！

Answer 1

适用于/css/dropzone.css。感谢

Answer 2

CSS和JS文件的路径表明您要链接到WebContent/js/或WebContent/css/的相对路径。这意味着您需要与html文件位于同一文件夹中的名为WebContent的文件夹。我建议使用命名结构web-content或assets作为您的文件夹名称，并将您的js和css文件夹放在其中。

css风格不工作和js

2 个答案: