精华内容
下载资源
问答
  • 通过网页上传图片到服务器上并且可以在网页上在次浏览
  • 本地静态网页上传到服务器

    千次阅读 2020-04-23 15:29:33
    本地静态网页上传到服务器 这篇文章的目的是在服务器上建一个最基础的静态网页,在网上看了很多教程要么太高深涉及PHP或者MySQL等高级的东西,对于像我们这种只想要在服务器上运行一个静态网页的教程很少(也有...

    本地静态网页上传到服务器

    这篇文章的目的是在服务器上建一个最基础的静态网页,在网上看了很多教程要么太高深涉及到PHP或者MySQL等高级的东西,对于像我们这种只想要在服务器上运行一个静态网页的教程很少(也有可能是我的搜索方法不对)所以想要写一篇这种教程来帮助学习了前端知识手头上又有服务器的同学
    本文仅仅适合于HTML和CSS的静态网页,不涉及到高级操作,如果想要更高级的教程请搜索Apache

    • 在服务器上建立网页一共分成三步操作:
      • 打开80端口
      • 在服务器上安装httpd
      • 把静态文件上传到服务器

    打开80端口

    • 因为我使用的是阿里云,所以在网页上就可以实现打开端口的操作,不用敲命令行打开防火墙了
    • 下面是图文教程:
    • 首先打开到这个网页,然后找到要上传网页的服务器,更多,网络和安全组,安全组配置

    在这里插入图片描述

    • 然后点击配置规则

    在这里插入图片描述

    • 点击添加安全组规则

    在这里插入图片描述

    • 然后像这样填写

    在这里插入图片描述

    • 这样就打开80端口了

    服务器安装httpd

    • 进入云服务器控制台
    • 执行命令yum -y install httpd
    • 安装完成后,在浏览器中输入你的服务器的 ip 地址进行访问,这时应该出现一个这样的网页

    在这里插入图片描述

    • 这时我们在看他网页下面的介绍(这里我使用了网页翻译)

    在这里插入图片描述

    • 这里说的十分明确了,我们只需要把我们的网页文件上传到var/www/html/下面就可以了

    把写好的网页文件上传到服务器上

    • 这里我推荐winSCP来把文件上传到服务器上

    • winSCP下载地址网页全中文,安装界面也是中文,安装一路无脑 next 就行

    • 安装好后,他会弹出一个对话框,让我们登录到这个服务器

    在这里插入图片描述

    • 这里主机名填写你的服务器的ip地址,用户名和密码就是你登录服务器的密码

    • SFTP的端口号是22,阿里云默认是支持SFTP的,其他云我没有试过,应该安装好SFTP和打开22端口就可以正常使用了

    • 这时右面的是服务器里的内容,左面是电脑的内容

    在这里插入图片描述

    • 这时,我们把服务器切换到var/www/html/目录下,再把左面的文件上传到服务器就可以了

    在这里插入图片描述

    • 这时,打开你的服务器对应的公网IP,就可以看到你的网页了!(有时候可能因为服务器带宽不够,所以要多耐心等一小会)
    展开全文
  • 通过网页上传图片到服务器删的源代码,可以使用网页浏览
  • WebClient方式上传数据到服务器
  • Dreamweaver怎么上传站点到服务器?Dreamweaver中制作好的玩野想要上传到服务器,该怎么上传站点呢?下面我们就来看看详细的教程,需要的朋友可以参考下
  • 网页文件test.html <html> <body> <form action="upload_file.php" method="post" enctype="multipart/form-data"> <label for=...

    环境:windows,xampp,

    网页文件test.html

    <html>
    <body>
    <form action="upload_file.php" method="post" enctype="multipart/form-data">
    <label for="idfile">Filename:</label>
    <input type="file" name="file" id="idfile" /> 
    <br />
    <input type="submit" name="submit" value="Submit" />
    </form>
    </body>
    </html>

    脚本文件upload_file.php

    <?php
    
    if ($_FILES["file"]["error"] > 0)
    {
     echo "Error: " . $_FILES["file"]["error"] . "<br />";
    }
    else
    {
     echo "************* File to Upload ****************<br />";
     echo "** Upload: " . $_FILES["file"]["name"] . "<br />";
     echo "** Type: " . $_FILES["file"]["type"] . "<br />";
     echo "** Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
     echo "** Stored in: " . $_FILES["file"]["tmp_name"] . "<br />";
     echo "************* File to Upload ****************<br />";
    }
    
    $uploaddir="upload/";//服务器上的路径是C:\xampp\htdocs\upload,可以绝对路径,如c:\ddd
    
    
    if ((($_FILES["file"]["type"] == "image/gif")
     || ($_FILES["file"]["type"] == "image/jpeg")
     || ($_FILES["file"]["type"] == "image/pjpeg"))
     && ($_FILES["file"]["size"] < 200*1024))//上传文件最大为200kB
    {
     if ($_FILES["file"]["error"] > 0)
     {
      echo "Return Code: " . $_FILES["file"]["error"] . "<br />";
     }
     else
     {
      echo "Upload: " . $_FILES["file"]["name"] . "<br />";
      echo "Type: " . $_FILES["file"]["type"] . "<br />";
      echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
      echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";
    
      if (file_exists($uploaddir . $_FILES["file"]["name"]))
      {
       echo $_FILES["file"]["name"] . " already exists. ";
      }
      else
      {
       move_uploaded_file($_FILES["file"]["tmp_name"], $uploaddir . $_FILES["file"]["name"]);
       echo "Stored in: " . $uploaddir . $_FILES["file"]["name"];
      }
     }
    }
    else
    {
     echo "Invalid file!";
    }
    ?>

    说明:

    $_FILES["file"]["name"] - 被上传文件的名称 
    $_FILES["file"]["type"] - 被上传文件的类型 
    $_FILES["file"]["size"] - 被上传文件的大小,以字节计 
    $_FILES["file"]["tmp_name"] - 存储在服务器的文件的临时副本的名称 
    $_FILES["file"]["error"] - 由文件上传导致的错误代码

    对于 IE,识别 jpg 文件的类型必须是 pjpeg,对于 FireFox,必须是 jpeg。

    上面的例子在服务器的 PHP 临时文件夹创建了一个被上传文件的临时副本。这个临时的复制文件会在脚本结束时消失。要保存被上传的文件,我们需要把它拷贝到另外的位置。
     

    php参考手册

    http://www.yesky.com/imagesnew/software/php/index.html

     

    展开全文
  • 如果你想把自己机器的图片或者文件放到服务器上该怎么办呢?可选有三种办法1、ftp上传,2、用u盘拷贝到服务器上,3、如果服务器支持asp上传功能,用网页浏览器将文件上传到服务器上。
  • 上传文件到服务器,从服务器下载文件本地 1.上传文件到服务器 其实分为四个部分 scp 本地文件路径 服务器信息:上传到服务器的路径 举个例子 scp test.xls dafei@10.131.134.91:~ 第一部分:scp 第...

    上传文件到服务器,从服务器下载文件到本地


    1.上传文件到服务器

    其实分为四个部分

    scp 本地文件路径 服务器信息:上传到服务器的路径


    举个例子

    scp test.xls dafei@10.131.134.91:~

    第一部分:scp

    第二部分:test.xls   这一部分写你要上传的文件,可以写绝对路径,也可以写相对路径

    第三部分:dafei@10.131.134.91  这一部分写你要上传到哪一台服务器上,写入  用户名@ip地址

    第四部分:上传到服务器的路径,这个你就可以随心意写了。

    提醒:

    第三部分和第四部分之间没有空格,用 : 连接第三部分和第四部分

    输入命令完毕之后,回车。输入服务器用户密码。然后就会开始上传文件。


    2.从服务器上下载文件到本地

    也是分为四个部分

    scp 服务器信息:文件所在路径 本地路径

    举例

    scp dafei@10.101.15.32:/home/dafei/Download/excel/ok.xls ~

    第一部分就不说了

    第二部分:dafei@10.101.15.32  从哪一台服务器上下载文件

    第三部分:/home/dafei/Download/excel/ok.xls  你想要下载的文件,在服务器上的路径

    第四部分:~ 你想要将文件下载到本地的路径,可以随便你想怎么写

    这里和上传文件一样,第二部分和第三部分用 : 连接

    回车

    输入密码

    回车

    ok!



    展开全文
  • android使用ksoap2通过webservice上传图片到服务器
  • wangEditor3上传照片到服务器

    千次阅读 2018-04-28 10:28:13
    因为自己在模仿博客网站需要用到富文本编辑器,wangEditor是一款简单,开源的编辑...如果你不懂用页面怎么上传图片到服务器的话,请先看这篇文章: https://blog.csdn.net/tomwildboar/article/details/80102417 ...

     

    因为自己在模仿博客网站需要用到富文本编辑器,wangEditor是一款简单,开源的编辑器。用它最好不过了,但是在使用的过程中却出现了很多问题,在大佬们的帮助下,终于顺利完成,写下写篇博客希望对后来的人有帮助。

    如果你不懂用页面怎么上传图片到服务器的话,请先看这篇文章:

    https://blog.csdn.net/tomwildboar/article/details/80102417

    下面我所说的是在你已经明白了页面上传图片原理的基础之上。其实在作者的文档上面已经写的很清楚了

    当你写好的后台之后你发现就算你上传成功到了你确定的位置,但是页面还是会给你报一个错,就是上传失败。更别提图片的回显了,为什么会出现这样的错呢?

    当然是因为你没按照上面的图片的要求去做,上面要求你传递两个参数一个是errno 一个是data(请注意这个data是一个数组那怕你上传的只是一个图片也必须是数组)

    下面我给出代码供你们参考(我这里只是简单的上传图片并且回显需要其它参数去自己看文档)

    需要的三个jar包自己去下载

     

    后台Servlet代码 

    package servlet;
    import java.io.File;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.io.InputStream;
    import java.util.List;
    import java.util.UUID;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import org.apache.commons.fileupload.FileItem;
    import org.apache.commons.fileupload.disk.DiskFileItemFactory;
    import org.apache.commons.fileupload.servlet.ServletFileUpload;
    import com.alibaba.fastjson.JSON;
    import util.Result;
    import util.ResultUtil;
    
     
    public class UploadServlet extends HttpServlet {
    	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		String savePath = this.getServletContext().getRealPath("/upload");	
    		savePath = savePath.replace("\\", "\\\\");
    		File file = new File(savePath);
    		//判断上传文件的保存目录是否存在
    		if(!file.exists()){
    			//目录不存在需要创建目录
    			file.mkdir();
    		}
    		//上传提示消息
    		String message="";	
    		try{
    			//使用apache文件上传组件处理文件上传步骤
    			//1、创建一个DiskFileItemFactory工厂
    			DiskFileItemFactory factory = new DiskFileItemFactory();
    			//2、创建一个文件上传解析器
    			ServletFileUpload upload = new ServletFileUpload(factory);
    			//解决上传文件名的中文乱码
    			upload.setHeaderEncoding("UTF-8");
    			//4、使用ServletFileUpload解析器上传数据,解析结果返回的是一个List<FileItem>集合
    			//	每一个FileItem对应一个Form表单的输入项
    			List<FileItem> list = upload.parseRequest(request);
    			for(FileItem item : list) {
    				String filename = item.getName();
    				System.out.println(filename);
    				if(filename == null || filename.trim().equals("")){
    					continue;
    				}
    				filename = filename.substring(filename.lastIndexOf(".")+1);
    				//给文件重新取一个名字UUID
    				filename = UUID.randomUUID().toString()+"."+filename;
    				//获取item中的上传文件的输入流
    				InputStream in = item.getInputStream();
    				//创建一个文件输出流
    				FileOutputStream out = new FileOutputStream(savePath + "\\" + filename);
    				//创建一个缓冲区
    				byte[] buffer = new byte[1024];
    				//判断输入流中的数据是否已经读完的标识
    				int len = 0;
    				//循环将输入流读入到缓冲区当中,
    				while((len = in.read(buffer)) > 0) {
    					//使用FileOutputStream输入流将缓冲区的数据写入到指定的目录(savePath + "\\" +filename)
    					out.write(buffer,0,len);
    				}
    				//这三句代码之及其重要的,就是为了返回JSON数据做准备的
    				String [] str = {request.getContextPath() + "/upload/" + filename};					
    				Result result = ResultUtil.success(str);
    		        response.getWriter().write(JSON.toJSONString(result));//返回url地址
    
    				
    
    		        
    
    		        //关闭流
    				in.close();
    				out.close();
    				//删除处理文件上传时生成的临时文件
    				item.delete();
    			}			
    		} catch(Exception e) {
    			e.printStackTrace();
    		} 
    	}
    
    	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		doGet(request, response);
    	}
    }

     

    两个工具类

     

    package util;
    import java.io.Serializable;
    public class Result implements Serializable {
    	private Integer errno;
    	private String[] data;
    	public Result() {}
    	public Integer getErrno() {
    		return errno;
    	}
    	public void setErrno(Integer errno) {
    		this.errno = errno;
    	}
    	public String[] getData() {
    		return data;
    	}
    	public void setData(String[] images) {
    		this.data = images;
    	}
    }
    
    
    
    
    
    
    
    
    package util;
    public class ResultUtil {
    	public static Result success (String[] images) {
    		Result result = new Result();
    		result.setErrno(0);
    		result.setData(images);
    		return result;	
    	}
    	public static Result success() {
    		return success(null);
    	}
    }
    

     

    web.xml代码,其实这个也没有什么需要写的,但是为了防止读者出现了问题以为是web.xml的问题,所以在这里也把代码列出来

    
    <?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 
    id="WebApp_ID" version="2.5">
      <display-name>unploadanddownload</display-name>
      <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
        <welcome-file>index.jsp</welcome-file>
        <welcome-file>default.html</welcome-file>
        <welcome-file>default.htm</welcome-file>
        <welcome-file>default.jsp</welcome-file>
      </welcome-file-list>
      <servlet>
        <description></description>
        <display-name>UploadServlet</display-name>
        <servlet-name>UploadServlet</servlet-name>
        <servlet-class>servlet.UploadServlet</servlet-class>
      </servlet>
      <servlet-mapping>
        <servlet-name>UploadServlet</servlet-name>
        <url-pattern>/UploadServlet</url-pattern>
      </servlet-mapping>
    </web-app>
    

     

     

    展开全文
  • asp上传文件到服务器

    热门讨论 2011-10-10 16:43:31
    自己网站开发过程中借鉴的asp文件上传到服务器的代码,简洁易懂,觉得很好用,分享给大家。
  • vue上传图片到服务器

    千次阅读 2018-06-30 12:18:09
    vue上传图片到服务器 我们做的商家管理系统需要在添加一道菜的时候把图片上传到服务器, 流程大概是这样子的: 搭建一个文件服务器(可以与你的网站后台放在同一台物理机上) 网站后台提供上传图片的API 前端...
  • C#上传文件到服务器

    千次阅读 2016-08-11 14:20:47
    c#上传文件到服务器本文主要介绍如何以文件流的方式上传本地文件服务端:环境介绍 所用语言:客户端C#,服务端Java+Spring框架 客户端代码说明: 通过网页端调试可以发现,上传文件流时候,请求信息里面有 ...
  • 网页flash录音 试听 上传到服务器 我是拿来大神的开源代码修改 加jar包 可以直接用 只能用于支持flash的浏览器 不然就别下载了
  • 在很多的网站都可以实现上传头像,可以选择自己喜欢的图片做头像,从本地上传,下次登录时可以直接显示出已经上传的头像,那么这个是如何实现的呢?   下面说一下我的实现过程(只是个人实现思路,实际网站怎...
  • 在各大网站上都可以实现上传头像功能,可以选择自己喜欢的图片做头像,从本地上传,今天小编给大家分享Java实现图片上传到服务器并把上传的图片读取出来,需要的朋友参考下
  • 对于多个文件同时上传到服务器的情况来说,我们需要使用数组形式的参数传递及数据的遍历上传即可,具体的操作步骤分析如下: 一、实例说明 上传图片到服务器,是程序开发过程中必不可少的一个功能。它不但可以达到...
  • Ajax实现图片上传到服务器

    千次阅读 2018-12-12 23:38:24
    将图片从本地上传到服务器的过程详解 那这篇博客就介绍一下,如何利用Ajax技术实现页面无刷新将图片上传到服务器 其实很简单,form表单形式上传图片是设置form表单enctype="multipart/form-data" 而ajax...
  • html上传图片到服务器

    2016-12-14 03:38:35
    img.src = 'data:image/png;base64,' + s;html页面这种形式怎么上传到服务器
  • 如何上传安装包到服务器

    千次阅读 2018-06-24 01:48:14
    1、上传安装包到服务器**可以使用图形化工具,如: filezilla**可以使用sftp工具: alt+p 调出后,用put命令上传上传(如果不cd指定目录,则上传到当前用户的主目录):sftp&gt; cd /home/ sftp&gt; put C...
  • 主要介绍了js实现图片上传到服务器和回显,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • android客户端上传文件到服务器

    热门讨论 2013-01-14 14:42:06
    一个完整的demo用于android客户端上传文件客户端,由tomcat搭建的服务器服务器,采用文件流的形式准确无误.
  • 在前端页面上传文件到服务器方法示例 1.选择图片 <div class="item1 update_pic" > <span>摘要图片:</span> <img src="${pageContext.request.contextPath}/upload/<s:property ...
  • 网页上传到服务器时图片无法显示问题 注意相对路径和绝对路径问题,具体内容如下: http://www.xitongzhijia.net/xtjc/20170804/104068.html
  • 主要介绍了上传图片数据库中和服务器端 并且介绍怎样显示图片的缩略图到网页中 资源中包含的已调试通过的源代码 本实验在vs2005 用c#语言编写
  • 上传图片到服务器并保存路径数据库 案例超多~~~但是完整的好像有点少,给自己记录一下下: 引入jar包 commons-fileupload-1.3.3.jar 修改spring-mvc.xml,大小根据实际需求进行设置 &lt;!-- 设置...
  • C# 通过WebService方式 IIS发布网站 上传文件到服务器   (2014-08-11 14:57:19) 转载▼ 标签:  it   应用场景:要将本地的文件 上传到服务器的虚拟机上 通过...
  • 利用宝塔面板上传网站到服务器

    万次阅读 2018-08-14 18:38:29
    我用的是腾讯云服务器和域名,学生买比较便宜 详细步骤如下: 1.下载Xshell 6 2.https://www.banwagongzw.com/55.html 后面步骤参考这个,基本跟着做,不会有问题 3.https://www.banwagongzw.com/4.html 这是...
  • 基于ssm上传文件到服务器

    千次阅读 2018-04-14 21:37:47
    范例说明 在网页中,上传以及下载文件是最常用的功能之一,比如用户设置个人信息时,上传本地图片作为自己的头像。...上传本地图片到服务器的例子,为大家排疑解惑。实验过程如图所示:注意:本例...
  • 网页上传到服务器中文乱码问题

    千次阅读 2015-03-26 14:02:56
    在本地localhost运行的很好的代码文件,上传到linux服务器上经常会出现中文问题,解决方法:将代码格式保存为"utf-8无BOM格式"(最好是新建一个utf-8无BOM格式文件,将代码复制进去) 说明:bom头是windows为了...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 247,616
精华内容 99,046
关键字:

上传网页到服务器