我如何让用户在我创建的网站上上传文件?

时间:2018-07-02 07:23:54

标签: javascript html css node.js

我对开发网站以及客户端编程和服务器端编程是完全陌生的,但是我在这里有了一般的想法。客户端基本上就是您在网站上看到的图形界面,服务器端负责处理用户发送的所有HTTP请求以及将发送回用户的HTTP响应。

到目前为止,我已经开发了一个使用HTML和CSS的网站,其中将包含一堆图片和一些彩色文本。这个项目的全部目的只是为了帮助我尝试这些语言,从而帮助我理解我可以用它们做些什么。下面是用于开发HTML网站的源代码

这是在 myWebsite.html

<definition name="bank/*" template="/layout.jsp">
    <put-attribute name="header" value="/header.jsp"/>
    <put-attribute name="body"   value="/{1}.jsp"/>
</definition>

<!DOCTYPE html>
<html>

<head>
<title>The Muro Family</title>
<meta charset="utf-8" />

下面是服务器(位于NODE.JS中),该服务器将用于使访问者能够将文件上传到我的计算机中(显然不会,因为它只会在我计算机的8080端口上上传文件)

这是 myServer.js

<form action="fileupload" method="post" enctype="multipart/form-data"> 
    <input type="file"><br>                                              
    <input type="submit">                                                                                     
</form>

    <h2 style="border:solid ; background-color: navy" align="center"> Welcome To The Muro Website </h2>
    <div align="center" style="border:solid ; background-color:darkred">
        <a href="https://www.youtube.com"> Youtube </a> |
        <a href="https://www.google.com"> Google </a> |
        <a href="https://www.facebook.com">Facebook</a>
    </div>
    <p align="center"> my website </p>

    <img src="everyone.jpg" width="200" height="350" alt="picture does not exist">
    <img src="felipevinnyfify.jpg" width="300" height="300" alt="picture does not exist">
    <img src="thegirls.jpg" width="300" height="300" alt="picture does not exist">

    <hr />

    <img src="vinnys birthday.jpg" width="300" height="300" alt="picture does not exist">
    <img src="youngdad.jpg" width="300" height="300" alt="picture does not exist">
    <img src="youngmom.jpg" width="300" height="300" alt="picture does not exist">

    <hr />

    <img src="ruby.jpg" width="300" height="300" alt="picture does not exist">
    <img src="analise.jpg" width="300" height="300" alt="picture does not exist">

    <input id="upload" type="file" />
    <a href="" id="uploadLink"> Upload Your photo</a>

最后,我的问题是,如何使myServer.js从myWebsite.html接收文件并将其上传到我的计算机上?

0 个答案:

没有答案