jpg

懒加载demo

末鹿安然 提交于 2020-01-29 05:45:57
demo < head > < meta charset = "UTF-8" > < title > Document < / title > < style > img { display : block ; margin - bottom : 50 px ; width : 400 px ; height : 400 px ; } < / style > < / head > < body > < img src = "default.jpg" data - src = "http://ww4.sinaimg.cn/large/006y8mN6gw1fa5obmqrmvj305k05k3yh.jpg" alt = "" > < img src = "default.jpg" data - src = "http://ww4.sinaimg.cn/large/006y8mN6gw1fa5obmqrmvj305k05k3yh.jpg" alt = "" > < img src = "default.jpg" data - src = "http://ww1.sinaimg.cn/large/006y8mN6gw1fa7kaed2hpj30sg0l9q54.jpg" alt = "" > < img src = "default.jpg" data - src = "http:/

攻防世界upload1

风流意气都作罢 提交于 2020-01-28 17:27:08
打开之后是是一个上传页面 第一想法上传一句话木马,使用菜刀连接 但是只能上传图片 查看源码 Array.prototype.contains = function (obj) { var i = this.length; while (i--) { if (this[i] === obj) { return true; } } return false; } function check(){ upfile = document.getElementById("upfile"); submit = document.getElementById("submit"); name = upfile.value; ext = name.replace(/^.+\./,''); if(['jpg','png'].contains(ext)){ submit.disabled = false; }else{ submit.disabled = true; alert('请选择一张图片文件上传!'); } } ext = name.replace(/^.+./,’’)删除文件的名称 if([‘jpg’,‘png’].contains(ext)):检查后缀是否为jpg,如果不是就禁用按钮并弹窗报错 既然过滤是在前端 所以我们试一下抓包之后改后缀名 先将一句话木马修改为jpg 抓包之后修改为php

linux基本命令

你说的曾经没有我的故事 提交于 2020-01-28 12:14:16
创建文件夹: 如果在当前目录下创建文件夹,则只需要命令: mkdir 文件夹名称 如果上一级目录不存在,则需要加-p,创建多级目录下的文件夹,命令; mkdir -p 文件夹目录 如 mkdir -p test/test/test 当前目录下就会有一个名test的文件夹,里面还有两级目录,都为test目录 创建文件: 创建文件命令: touch 1.txt 就在当前目录下创建名为1.txt的文件,很简单。 压缩和减压 如果安装了zip压缩工具则,解压命令: unzip test.zip 就会减压名为test的压缩文件到当前目录下。 unzip -o -d /home/sunny myfile.zip 把myfile.zip文件解压到 /home/sunny/ -o:不提示的情况下覆盖文件; -d:-d /home/sunny 指明将文件解压缩到/home/sunny目录下 压缩文件: 将当前文件下的所有文件全部压缩: zip -r test.zip ./* 就会将当前文件夹下的所有文件压缩为名为test.zip的压缩文件 删除压缩文件的内容: zip -d 压缩文件.zip 删除的文件 向压缩文件中添加文件 zip -m 压缩文件.zip ./添加文件 跨文件夹压缩: zip -r filename.zip file1 file2 file3 /usr/work/school

linux tar命令详解

独自空忆成欢 提交于 2020-01-28 03:06:31
tar: -c: 建立压缩档案 -x:解压 -t:查看内容 -r:向压缩归档文件末尾追加文件 -u:更新原压缩包中的文件 以上五个是独立的命令参数,压缩解压都要用到其中一个,可以和别的命令连用但只能用其中一个。下面的参数是根据需要在压缩或解压档案时可选的。 -z:有gzip属性的 gz -j:有bz2属性的 bz2 -J :有xz属性的 xz -Z:有compress属性的 -v:显示所有过程 -O:将文件解开到标准输出 下面的参数-f是必须的 -f: 使用档案名字,切记,这个参数是最后一个参数,后面只能接档案名。 #tar -cf all.tar *.jpg 这条命令是将所有.jpg的文件打成一个名为all.tar的包。-c是表示产生新的包,-f指定包的文件名。 # tar -rf all.tar *.gif 这条命令是将所有.gif的文件增加到all.tar的包里面去。-r是表示增加文件的意思。 # tar -uf all.tar logo.gif 这条命令是更新原来tar包all.tar中logo.gif文件,-u是表示更新文件的意思。 # tar -tf all.tar 这条命令是列出all.tar包中所有文件,-t是列出文件的意思 # tar -xf all.tar 这条命令是解出all.tar包中所有文件,-x是解开的意思 压缩 tar -cvf jpg.tar *

关于CTF中的一些图片隐写

感情迁移 提交于 2020-01-27 00:18:44
CTF中图片隐藏文件分离方法总结 前言 可以使用winhex之类的工具先行分析其是否为图片,可以看其头部信息,还有就是JPG图片有一个特性最后的应用数据块为FF E0 活着直接使用binwalk看看图片下有什么鬼玩意儿的。 binwalk分离 命令:binwalk -e 图片路径 foremost分离 foremost分离 命令:foremost 图片地址 #会在图片地址的目录下生成一个output的文件夹。输出到里面了。 dd分离 命令:dd if=要分离的图片名.jpg of=分离出来的图片名.jpg skip=偏移量 bs=1 图片隐藏flag怎么找 首先我们需要对图片进行分析,这里我们需要用到一个工具 binwalk ,想要了解这个工具可以参考这篇 Binwalk:后门(固件)分析利器 文章,以及 kali官方对binwalk的概述和使用介绍 。 这里我们就是最简单的利用,在binwalk后直接提供固件文件路径和文件名即可: binwalk carter.jpg 在得到隐藏信息之后我们下一步就是把另一张jpg分离出,以下讨论几种方法: (1)使用dd命令分离(linux/unix下) 我们可以使用dd命令分离出隐藏文件: dd if=carter.jpg of=carter-1.jpg skip=140147 bs=1 可以参考 dd命令详解 ,这里if是指定输入文件

一款实用的viewer.js 图片相册

只愿长相守 提交于 2020-01-26 20:27:15
Viewer.js 是一款强大的图片相册插件,像SNS交友网站一般都会用到点击缩略图,弹出层大图片,而且弹出层有多个控制按钮,比如放大缩小、旋转、撤回等,底部有缩略图列表可切换。 支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转(类似微博的图片旋转) 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式(可做屏保) 支持缩略图 支持标题显示 支持多种自定义事件 在线实例 默认效果 jQuery版本 回调函数 自定义方法 使用方法 <ul id="sucaihuo"> <li><img data-original="img/tibet-1.jpg" src="img/thumbnails/tibet-1.jpg" alt="图片1"></li> <li><img data-original="img/tibet-2.jpg" src="img/thumbnails/tibet-2.jpg" alt="图片2"></li> <li><img data-original="img/tibet-3.jpg" src="img/thumbnails/tibet-3.jpg" alt="图片3"></li> <li><img data-original="img/tibet-4.jpg" src="img/thumbnails/tibet-4.jpg" alt="图片4">

生成jpg的缩略图并添加水印

时间秒杀一切 提交于 2020-01-26 18:43:49
改进版本v1. 1 。解决了生成较大缩略图时质量下降问题。现在的版本正确的叫法应改是缩放图了。哈哈 using System; using System.Drawing; using System.Drawing.Imaging; namespace Onest.Cyclone.Business.util { /// <summary> /// 缩略图 /// </summary> public class Miniature { private Miniature() { } public static void Convert(System.IO.Stream src, string newImagePath, int Width, int Height, string Copyright) { System.Drawing.Image oldimage = Image.FromStream(src, true , true ); int width ; // 缩略图的宽度 int height ; // 缩略图的高度 if (oldimage.Width > oldimage.Height ) // 横向,颠倒一下尺寸设置 { width = Height; // 缩略图的宽度 height = Width ; // 缩略图的高度 } else // 纵向 { //

程序员硬起来太可怕了!所以你硬起来了吗?!

安稳与你 提交于 2020-01-26 02:53:49
2019年 是最好的一年 也是最坏的一年 有程序员的高光时刻 也有程序员的扑街时刻 但无论如何2020已经到来 希望新的一年我们能更加 “硬气” 01 问 "小哥哥在吗?" 的产品经理 "临时乱改需求" 的产品经理 开口就 "这个需求很简单" 的产品经理 2020年我只想做个冷漠.jpg boy 02 "我不管,今天就要上线" 的老板 "只画饼不发年终" 的老板 "没有补偿就裁员" 的老板 2020年我只想做个冷漠.jpg boy 03 "貌似拿数据说话" 的运营 "只会说我们离用户最近" 的运营 "拿老板压人” 的运营 2020年我只想做个冷漠.jpg boy 04 "瞎改代码" 的同事 "注释空白" 的同事 "没事也加班" 的同事 2020年我只想做个冷漠.jpg boy 05 "说程序员只穿格子衫" 的KOL "说程序员只能new对象" 的KOL "说程序员都是秃头" 的KOL 2020年我只想做个冷漠.jpg boy 06 "狂压薪资" 的HR "不懂技术还要bb" 的HR "冲KPI约面试却没有hc" 的HR 2020年我只想做个冷漠.jpg boy 07 "毁约应届生offer" 的互联网公司 "996不给加班费" 的互联网公司 "压榨完程序员就抛弃" 的互联网公司 2020年我只想做个冷漠.jpg boy 以上种种 大家或多或少都经历过 尽管都是互联网的社畜

FFmpeg Basic学习笔记(4)

Deadly 提交于 2020-01-26 01:19:09
图像处理 常见的图片格式包括YUV、BMP、JPG、GIF、PNG。 图像的创建 可以使用下面命令从输入源中截取图像 ffmpeg -i input -ss t image.type 从videoclip.avi中的1:23:45截一张图,输出为JPG。 ffmpeg -i videoclip.avi -ss 01:23:45 image.jpg 从视频中生成GIF GIF是比较常见的动图的格式,在网络上普遍使用。需要注意的GIF中的帧是未压缩的,帧数不能太多,否则可能导致生成文件过大。使用下面命令行可以从.flv中生成GIF。 ffmpeg -i promotion.swf -pix_fmt rgb24 promotion.gif ffmpeg提供的测试输入源 color 提供纯色的画面生成机制,参数中可指定显示颜色 smptebars 方形的电视节目测试图片,彩条 testsrc 圆形的电视节目测试图片,有一个变化的渐变进度条和右侧的一个时间戳。 上面几个输出源的分辨率是320x240。可以用下面命令测试下具体效果: ffplay -f lavfi -i smptebars ffplay -f lavfi -i testsrc ffplay -f lavfi -i color=random 视频转换为图片 可以使用下面命令将clip.avi中的视频帧存储为JPG图片

CSS背景说明及连写

房东的猫 提交于 2020-01-25 16:31:05
一、CSS背景说明 CSS 可以添加背景颜色和背景图片,以及来进行图片设置。 1.1 背景图片(image) background-image 属性允许指定一个图片展示在背景中(只有CSS3才可以多背景)可以和 background-color 连用。 如果图片不重复地话,图片覆盖不到地地方都会被背景色填充。 如果有背景图片平铺,则会覆盖背景颜色。 background-image : none | url (url) ; /*none :  无背景图(默认的) url :  使用绝对或相对地址指定背景图像 */ background:url("1.jpg") 0 0 no-repeat, url("2.jpg") 200px 0 no-repeat, url("3.jpg") 400px 201px no-repeat; /*这样写等价于:(若有重叠,后边的覆盖前边的)*/ background-image:url("1.jpg"),url("2.jpg"),url("3.jpg"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 0 0, 200px 0, 400px 201px; 1.2 背景平铺(repeat) 设置背景图片时,默认把图片在水平和垂直方向平铺以铺满整个元素。