这是JavaScript的，我应该在哪里把它

我来到翻过这个网站多文件上传教程：http://robertnyman.com/2010/12/16/utilizing-the-html5-file-api-to-choose-upload-preview-and-see-progress-for-multiple-files/这是JavaScript的，我应该在哪里把它

我是新来的网络编程够不能够了解如何从两个做一个代码在本教程中的 '完整代码' 的部分，基本上是：

A.一些HTML代码：

<h3>Choose file(s)</h3> 
<p> 
    <input id="files-upload" type="file" multiple> 
</p> 
<p id="drop-area"> 
    <span class="drop-instructions">or drag and drop files here</span> 
    <span class="drop-over">Drop files here!</span> 
</p> 

<ul id="file-list"> 
    <li class="no-items">(no files uploaded yet)</li> 
</ul>

B.而且一些javascript：

(function() { 
    var filesUpload = document.getElementById("files-upload"), 
     dropArea = document.getElementById("drop-area"), 
     fileList = document.getElementById("file-list"); 

    function uploadFile (file) { 
[etc]

我认识到代码，但我不明白以（function（）开头的代码的一部分应该放到我的代码中。

所以我的问题是：javascript部分应该如何放置在我的代码中。

[编辑]

感谢您的补充答案！

来源

2012-06-12 Léon Pelletier

你使用的是HTML5吗？如果不是你不能使用上述..试试这个jquery http://blueimp.github.com/jQuery-File-Upload/ – zod

blueimp问题是我需要按照这个流程的每个文件： 1.上传（发布）该文件到一个aspx页面，然后使用另一个参数发布到同一页面，并获取结果并将此结果显示到一个按钮或任何列出的输入中。（该列表是文件列表） –

要么只是</body>标签，<script type="text/javascript"></script>标签之间像在此之前：

<body> 

    <!-- other stuff --> 

    <script type="text/javascript"> 
    (function() { 
     // this is your function's core 
    })(); 
    </script> 

</body>

还是<head></head>标签内，也<script type="text/javascript"></script>之间，但你（可能）要等到DOM加载正确。例如，使用jQuery：

<head> 

    <!-- other stuff --> 

    <script type="text/javascript"> 
    $(function() { 
     (function() { 
      // this is your function's core 
     })(); 
    }); 
    </script> 

</head>

，甚至可以在外部JavaScript文件，其中你也有（可能）要等到DOM加载正确。例如，再次使用jQuery：

文件myScripts.js

$(function() { 
    (function() { 
     // this is your function's core 
    })(); 
});

文件myDocument.html

<head> 

    <!-- other stuff --> 

    <script type="text/javascript" src="/path/to/myScripts.js"></script> 

</head>

来源

2012-06-12 15:09:58 sp00m

只需在您的上传表单后面的<script></script>标签中放入javascript。

您链接到该柱具有它所描述的代码可以在这里找到的一个完整的工作演示： http://robertnyman.com/html5/fileapi-upload/fileapi-upload.html

一个好方法来试验这种代码段是粘贴所需部分成像JSFiddle

来源

2012-06-12 15:06:39

的Javascript工具放在里面onClick，onMouseOver等属性，以及内部<script type="text/javascript">标签。

它们可以位于<head>或<body>标记内的任何位置（将它放在要访问的元素之后，以便它们加载）。

w3 Schools有一个Javascript参考资料可以让您开始。

来源

2012-06-12 15:07:57

创建一个扩展名为.js的文件so yourFile.js。
把它在你的java脚本代码...
在HTML文件的地方这里面到底：

<script src="yourFile.js"></script>

确保您的JS是在相同的目录下，您的html ...

来源

2012-06-12 15:09:37 reuf

由于代码包括getElementById但像window.onload或任何其他没什么推迟战术，它必须放置在你想要影响的形式之后。为了安全起见，您可以在</body>之前立即将它放在<script>标签中。

来源

2012-06-12 15:10:13

这是JavaScript的，我应该在哪里把它

回答

相关问题