一.实现 nginx http图片预览

1.创建本地配置文件目录以及配置文件

两种方式：

1.1.docker nginx将配置文件抽离到了/etc/nginx/conf.d,只需要配置default.conf文件即可

.png 先在外部主机上/home/dockerNginx目录下创建文件default.conf然后映射目录
.png default.conf文件仅需要配置server部分
.png

1.2.直接映射配置文件2.映射需要访问的路径

2.创建容器

docker run --name nginx-test5 -v /home/dockerNginx:/etc/nginx/conf.d -v /ftp:/ftp -p 8080:11801 -d docker.io/nginx

docker nginx 实现图片预览的更多相关文章

JS魔法堂之实战：纯前端的图片预览
一.前言图片上传是一个普通不过的功能,而图片预览就是就是上传功能中必不可少的子功能了.在这之前,我曾经通过订阅input[type=file]元素的onchange事件,一旦更改路径则将图片上传至服 ...
dropzonejs中文翻译手册 DropzoneJS是一个提供文件拖拽上传并且提供图片预览的开源类库.
http://wxb.github.io/dropzonejs.com.zh-CN/dropzonezh-CN/ 由于项目需要,完成一个web的图片拖拽上传,也就顺便学习和了解了一下前端的比较新的技术 ...
js实现图片预览
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
普通图片预览及demo（非分块）
演示地址: http://codeman35.itongyin.com:19003/v2/image.html 功能:通过加载大图预览,这种方式无法和google art 比较.只能应用于简单的图片预 ...
html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器
以前写过上传组件,见打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上 ...
MVC 图片预览
1.页面cshtml <form name="frmInput" id="frmInput" method="post" action ...
js 图片预览
图片预览 $('#pac_recipe').change(function() { var imgsrc = ''; ]) { //chrome firefox imgsrc = window.URL ...
如何通过js实现图片预览功能
一.效果预览效果图: 二.实现代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...
本地与在线图片转Base64及图片预览
查看效果:http://sandbox.runjs.cn/show/tgvbo9nq 本地图片转Base64(从而可以预览图片): function localImgLoad() { var src ...

随机推荐

【python小随笔】动态创建变量名
PS:有时候我们不知道列表组数里存放几个值,但是又要动态的遍历这些值并且动态的创建每一个对应的一个变量里: t = ['B0716PK6R2','B077X9J24C','B01N2SBH4J'] c ...
Asp.Net Core 学习教程1、初始.Net Core与VS Code 第一个web程序
1..Net Core介绍 .NET Core是.NET Framework的新一代版本, 是微软开发的第一个具有跨平台(Windows.Macosx.Linux) 能力的应用程序开发框架,未来也将会 ...
docker 批量删除镜像容器
我们在docker构建和测试时,经常会产生很多无用的镜像或者容器,我们可用如下两条命令一个一个删除. docker container rm 容器id #删除容器可简写: docker rm 容器i ...
python中super()
super() : 获取当前类的父类效果图: 代码: class Animal: def __init__(self,name): self._name = name @property def n ...
最小生成树kruskal 知识点讲解+模板
0.前言因为本人太蒟了我现在连NOIP的初赛都在胆战心惊并且我甚至连最小生成树都没有学过所以这一篇博客一定是最详细的QAQ 哈哈请您认真看完如果有疏漏之处敬请留言指正感谢! Thanks♪ ...
target 和 currentTarget的区别
target是当前点击的组件,currentTarget是扑捉到事件的组件
hdu6621 二分加主席树
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6621 Problem Description You have an array: a1, a2,  ...
C# 实现验证码识别,使用AspriseOCR.dll
验证码(Captcha)基于十道安全栅栏, 为网页.App.小程序开发者打造立体.全面的人机验证,最大程度地保护注册登录.活动秒杀.点赞发帖.数据保护等各大场景下的业务安全.要做自动化脚本程序,就要能 ...
去除空白字符串trim
let str = ' foo ' //去除开头空格 console.log(str.trimLeft()) console.log(str.trimStart()) //去除尾部空格 console ...
关于Error executing aapt的问题
这两天装了ubuntu 14.0.4系统,在这个系统上装了eclipse的android开发环境.原以为一切顺利,结果开发环境装完导入工程后,工程提示有红叉. R文件不能自动生成,按R文件不能自动生成 ...

docker nginx 实现图片预览