网站源代码怎么上传到网站空间?

1、用记事本等文本编辑器编辑代码，并保存为.html或.htm文件。

2、如果你的空间支持FTP上传，你可以下载一个FTP上传软件。例如：FlashFXP。

3、在FTP快速链接中输入空间提供给你的IP地址，端口号，用户名和密码，并连接。

4、连接成功后，将之前保存的HTML文件，拖拽到远程站点。

5、上传成功。

6、打网址浏览。

希望对你有所帮助，祝你好运~

<form id="fileUpload" action="<%=basePath%>template/fileUpload.do" enctype="multipart/form-data" method="post" class="form-horizontal">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal"

aria-hidden="true">&times</button>

<h4 class="modal-title" id="myModalLabel" style="color: #15428b">上传</h4>

</div>

<div class="modal-body">

<input type="file" name="targetFile">

<input type="file" name="targetFile">

<input type="file" name="targetFile">

</div>

<div class="modal-footer">

<button id="cancel" type="button" class="btn btn-default" data-dismiss="modal">取消

</button>

<button type="button" class="btn btn-primary" onclick="uploadFile()" >确认</button>

</div>

</form>

@RequestMapping(value = "/fileUpload.do")

    public String fileUpload(Model model, @RequestParam MultipartFile[] targetFile, HttpServletRequest request, PageSplit<BankVo> pageSplit){

     try {

     FileOperationsUtil.uploadFileMVC(request, targetFile, "/files/temporary")

model.addAttribute("msg", "文件上传成功！")

} catch (Exception e) {

logger.error(e)

model.addAttribute("msg", "文件上传失败！")

}

    

        return this.allButton(model, request, pageSplit)

    }

    

    public static void uploadFileMVC(HttpServletRequest request, MultipartFile[] fileSource, String fileTarget){

for(MultipartFile file : fileSource){  

            if(file.isEmpty()){  

                System.out.println("文件未上传")  

            }else{  

                //如果用的是Tomcat服务器，则文件会上传到\\%TOMCAT_HOME%\\webapps\\项目\\fileTarget\\文件夹中  

                String realPath = request.getSession().getServletContext().getRealPath(fileTarget)  

                //这里不必处理IO流关闭的问题，因为FileUtils.copyInputStreamToFile()方法内部会自动把用到的IO流关掉，我是看它的源码才知道的  

                try {

FileUtils.copyInputStreamToFile(file.getInputStream(), new File(realPath, file.getOriginalFilename()))

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace()

}  

            }  

        }  

}

使用 input ，指定类型为 file ，来完成文件上传功能。

多文件上传需要在标签上添加 mulyiple 属性：

使用 accept 属性来限制上传文件的类型，当然这么做任然是不可靠的，还需要后端做进一步的判断。

如果我们是用户，当我们上传了一张图片，却只显示了几个文字，是不是很不爽，那我们怎么来实现预览功能呢？

我们可以使用 FileReader 将图像转换为二进制字符串，然后添加 load 事件监听，在文件上传成功后获取二进制字符串。

显示文件上册进度 来提高用户体验

FileReader 还有一个 progress 事件，表示当前上传进度，配合HTML5的 progress 标签，我们来模拟一下文件的上传进度。

---