首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏技术小黑屋

    Mac 下在终端直接查看图片

    在开发的过程中,我们通常会遇到这样的情况,就是我们需要根据图片的url地址查看其对应的内容,通常的做法就是把这个图片链接贴到浏览器。 不过一直好奇,能不能再终端中直接展示,于是做了一些搜索,发现了对应的实现方式。 注意:此方式只适用于Mac,其他的Linux 发行版 需要自行按照如下的思路查找对应的工具。 shell_integration/install_shell_integration_and_utilities.sh | bash 安装完成之后,建议重新启动iTerm 2 使用imgcat 展示本地图片 使用imgcat 展示网络上的图片 由于imgcat的参数只支持本地的文件,如果想要展示网络的文件,我们需要写一个简单的脚本实现。 脚本内容 #!

    2.9K20发布于 2020-02-10
  • 来自专栏初见Linux

    5.图片-HTML基础

    一、图片标签 在HTML中,我们可以使用img标签来显示一张图片。 (1)语法 这里的图片路径就是图片地址,任何一个图片必须指定src属性才可以显示。 也就是说,src属性是img标签必不可少的属性。 (2)示例 <! 三、图片格式 在网页中,图片格式有两种:一种是位图,另外一种是矢量图。 1.位图 位图,又叫像素图,它是由像素组成的图片。 将位图放大后,图片会失真;缩小图片后,位图同样也会失真。 (1).jpg格式 .jpg格式可以很好地处理大面积色调的图片,适合存储颜色丰富的复杂图片,如照片、高清图片等。 此外,.jpg体积较大,并且不支持透明。 位图受分辨率影响,当图片放大时会失真,而适量图不受分辨率影响,当图片放大时不会失真。 网页中的图片绝大多数都是位图,而不是矢量图。

    3.4K31发布于 2020-10-10
  • 来自专栏IMWeb前端团队

    H5上传图片

    最近做产品小A的需求,设计到图片的上传问题,整理一下。 PC上传图片 基本结构 form[enctype="multipart/form-data"] input[type="file"] 上传完毕后,获取图片url,显示到页面上 问题 图片要上传完毕后,才能显示 压缩上传 H5 如何解决 FileReader canvas FileReader FileReader可以将File对象转化成base64,这样可以优先展示图片,然后处理上传操作。 ,canvas对图片的操作是通过base64格式处理的。 0, 0); var compressBase64 = cvs.toDataURL(mime_type, quality / 100); } 上传base64 使用mqq接口拍照或者获取本地图片

    2K100发布于 2017-12-29
  • 来自专栏IMWeb前端团队

    H5上传图片

    本文作者:IMWeb helondeng 原文出处:IMWeb社区 未经同意,禁止转载 最近做产品小A的需求,设计到图片的上传问题,整理一下。 PC上传图片 基本结构 form[enctype="multipart/form-data"] input[type="file"] 上传完毕后,获取图片url,显示到页面上 问题 图片要上传完毕后,才能显示 压缩上传 H5 如何解决 FileReader canvas FileReader FileReader可以将File对象转化成base64,这样可以优先展示图片,然后处理上传操作。 ,canvas对图片的操作是通过base64格式处理的。 0, 0); var compressBase64 = cvs.toDataURL(mime_type, quality / 100); } 上传base64 使用mqq接口拍照或者获取本地图片

    1.1K10发布于 2019-12-04
  • 来自专栏linux百科小宇宙

    cacaview - Linux终端下将图片转换ASCII Art代码图案

    有时你可能需要终端输出许多图片,那么现在就让我们在Linux终端打开一个新窗口显示图片。 cacaview - Linux终端下将图片转换ASCII Art代码图案的命令。 下列【新】软件包将被安装:   caca-utils libid3tag0 libimlib2 toilet toilet-fonts 升级了 0 个软件包,新安装了 5 试试看吧 按g/G能使图片变深/浅(Gamma——伽马) 再具体介绍下: 说明: cacaview  -  ASCII图像浏览器       d      切换抖动模式(无抖动,4x4有序抖动,8x8有序抖动和随机抖动)       q      退出程序 例子: 全部图片转换

    1.6K00发布于 2021-06-09
  • 来自专栏物联网智慧生活

    5g DTU 无线数传终端应用

    DTU无线数传终端TD210全网通2G/3G/4G网络,实现串口数据与IP数据的转换,DTU作为串口数据的无线终端设备,可广泛应用于各行各业。 DTU无线数传终端TD210应用 第一,农业领域 DTU在农业领域的项目较多。监控水分供应、生长状态、施肥频率等数据,也可以针对任何状况发送控制指令进行远程控制。 DTU无线数传终端TD210,串口采集透传,高性能的工业级32位通信处理器,看门狗、心跳链路检测机制,工业级金属外壳,坚固耐用品质可靠;高EMC电磁兼容防潮、防雷、防电磁干扰,运行稳定、安全可靠。

    1K20编辑于 2023-11-03
  • 来自专栏企鹅号快讯

    5 款最酷的 Linux 终端模拟器

    Xiki 首先我要推荐的第一个终端是 Xiki。 Xiki 是 Craig Muth 的智慧结晶,他是一个天才程序员,也是一个有趣的人(有趣在此处的意思是幽默,可能还有其它的意思)。 Xiki 不仅仅是又一款终端模拟器;它也是一个扩展命令行用途、加快命令行速度的交互式环境。 Xiki 支持鼠标,并且在绝大多数命令行 Shell 上都支持。 Sakura 你要是想要一个优秀的轻量级、易配置的终端,可以尝试下 Sakura(图 1)。 它依赖少,不像 GNOME 终端 和 Konsole,在 GNOME 和 KDE 中牵扯了很多组件。 图 1: Sakura 是一个优秀的、轻量级的、可配置的终端。 命令行选项详见 man sakura。可以使用这些来从命令行启动 sakura,或者在你的图形启动器上使用它们。 Tilda 已经有几个优秀的下拉式终端模拟器,包括 Guake 和 Yakuake。 Tilda(图 3) 是其中最简单和轻量级的一个。

    3.9K100发布于 2018-02-08
  • 来自专栏灯塔大数据

    5G时代,终端补贴的那些事儿

    5G元年, 为迅速抢占市场、留存客户, 各国运营商推陈出新、玩法多样, 其中最让各国运营商青睐且屡试不爽的 第一大法宝就是终端补贴。 今天,我们就来看看5G发展至今,各国如何玩转终端补贴? 5G时代的终端补贴有哪些特点? 终端补贴能迅速帮助运营商占领市场,各国运营商玩法多样 表1是5G初期,各国运营商运用的优惠补贴方式概况: ? 终端补贴优惠力度与区域建设5G积极性有直接关联 以美国、韩国为典型代表的运营商发展5G热情较高,积极推出针对5G终端的补贴优惠策略且终端补贴率高。 AT&T在5G初期的终端补贴率总体可达42%,Verizon终端补贴率可达30%-40%,T-mobile的终端补贴率也达到了30%-40%。 为在5G用户发展中分得一杯羹,Sprint在5G发展初期着力于为用户提供相较于同行来说更高额的终端补贴:为客户购买5G终端提供分期付款方案,客户购买的5G终端在绑定套餐后可获得与机价相同终端补贴,相当于手机可

    1.1K00发布于 2020-07-14
  • 来自专栏OECOM

    html5前端图片压缩

    如今手机像素越来越高,造成拍出来的照片越来越大,随便拍一张就好几兆,于是乎就有了一种需求就是压缩图片,在之前压缩图片的功能是在后台操作的,之后前端亦可以进行图片的压缩功能。 前端进行图片压缩的原理很简单,就是利用canvas来进行压缩,js将file框内的图片文件读取之后,按照比例绘制到canvas上,然后将canvas保存成图片即可实现了压缩功能。 ,调用方法时填入图片允许的最大宽度或者是最大的高度 //如果最大宽度为0 则按照最大高度固定,宽度自适应的方式来实现 //如果是最大高度为0,则按照最大的宽度来实现 ctx.drawImage(img,0,0, width, height); return canvas.toDataURL("image/jpeg", 0.7);//这里的0.7值的是图片的质量 base64 $("#myImage").attr("src",thumb); } } 至此,图片的压缩功能已经完全实现了

    4.2K50发布于 2020-07-02
  • 来自专栏零域Blog

    【HTML5图片预加载

    在HTML5中,我们可以使用drawImage方法在canvas上进行画图操作,其基本代码如下: var canvas = document.getElementById("canvas"); var image = new Image(); image.src = "images/01.jpg"; context.drawImage(image, 0, 0); 不过我们会发现这样写是无法显示出图片的 ,因为图片并没有加载完全,我们就调用了drawImage方法,我们可以使用img的onload方法,使图片加载完全后 在执行drawImage操作,代码如下 var image = new Image( = "images/01.jpg"; image.onload = function() { context.drawImage(image, 0, 0); } 或者使用标签先加载图片 ('image'); 但是在图片较多的情况下,使用上面两种方式都不是太优雅,我们可以使用下面的方法,等待所有图片加载完全后,再执行其他操作 document.addEventListener("DOMContentLoaded

    3.4K20编辑于 2022-03-02
  • 来自专栏deepcc

    HTML5上传图片预览

    DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> <meta http-equiv="Content-Type" content="text/ "> <script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script> </head> <body>

    请选择图片文件

    5K20发布于 2018-07-05
  • 来自专栏deepcc

    HTML5上传图片预览

    DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> <meta http-equiv="Content-Type" content="text/ "> <script src="http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></script> </head> <body>

    请选择图片文件

    5.4K50发布于 2018-05-16
  • 来自专栏绿盟科技研究通讯

    洞见RSA2022 | 守护5G终端隐私

    在该议题中,TCA对比了IMSI在SIM卡和终端中进行加密的差异点,通过对比TCA认为IMSI在SIM中进行加密拥有更好的效果。 据Global System for Mobile Communications Association(GSMA)报告[4]显示,到2025年全球连接5G的终端设备将达到20亿。 在5G通信中,保护终端用户的个人隐私也自然成为了5G安全中的热门话题。 一 IMSI明文传输导致的隐私风险 然而,个人隐私信息目前仍然存在非常大的安全问题。 ,监控终端用户的物理位置、电话和SMS短信等。 但是IMSI加密具体实施起来仍有一个较大争议:IMSI是在5G SIM卡中进行加密,还是在5G终端设备中进行加密?

    71310编辑于 2022-11-14
  • 来自专栏全栈程序员必看

    Html5 拖放上传图片

    DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>HTML5 浏览器拖放 | HTML5 Drag and list .green{color:#09c;} </style> </head> <body>

    把你的图片拖到以下的容器内 document.getElementById('list'), cnt = document.getElementById('container'); // 推断是否图片 , isImg = isImage(t), img; // 处理得到的图片 你传进来的不是图片!!'

    3K10编辑于 2022-07-06
  • 来自专栏sktj

    python pyqt5 QTableWidget 显示图片

    image.png -- coding: utf-8 -- ''' 【简介】 PyQT5中单元格改变每行单元格显示的图标大小例子 ''' import sys from PyQt5.QtWidgets import * from PyQt5.QtGui import * from PyQt5.QtCore import * class Table(QWidget): def init(self conLayout = QHBoxLayout() table = QTableWidget() table.setColumnCount(3) table.setRowCount(5) table.setHorizontalHeaderLabels(['图片1', '图片2', '图片3']) table.setEditTriggers(QAbstractItemView.NoEditTriggers (i, 300) for i in range(5): # 让行高和图片相同 table.setRowHeight(i, 200) for k in range(15

    2K30编辑于 2022-01-10
  • 来自专栏仙士可博客

    H5图片压缩与上传

    现在手机用户拍照照片都十分巨大,1m-10m,而普通用户的上传带宽大概为100kb/s-1m/s,导致上传图片十分缓慢 解决方法为上传之前先把图片进行压缩,使得上传速度增加,服务器硬盘,带宽速度压力也更小 需要注意的是resImg是一个预览图片,已经存于文档中,而resultImage是在html里面的一个预览img标签的id,如果你不填的话,将会报错在224行,解决方法是自己修改源码,而本人技术能力不够 压缩图片十分的耗时,尤其是多张图片一起的时候,所以需要稍微变换一下  fileSelected: function () {                    var files = $("#fileImage $upload->getSysSetPath();//目录地址         $new_file = md5(uniqid($this->member_info['member_id'])).". {$type}";//用微秒和会员id产生md5唯一字符串         if (file_put_contents($path.

    2.4K11发布于 2019-12-19
  • 来自专栏me的随笔

    H5实现本地预览图片

    我们使用H5可以很容易的实现图片上传前对其进行预览的功能 Html代码如下: <! 最后注意一点,H5实现图片预览只能使用原生JS进行DOM元素的操作,若使用jQuery则无法实现该效果。 参考文章: H5中的File对象 H5中的FileList对象 H5中的FileReader对象 在web应用中使用文件 版权声明 本文为作者原创,版权归作者雪飞鸿所有。

    2.5K20发布于 2018-09-05
  • 来自专栏Python编程 pyqt matplotlib

    PyQT5 图片查看器

    一款简易的图片查看器。 由官方PyQt4 demo升级为PyQt5版本,原本只有缩放功能,现另加入打印和拖放功能。 ? 源码如下: #! /usr/bin/env python from PyQt5 import QtCore, QtGui,QtWidgets from PyQt5.QtPrintSupport import QPrinter

    3.4K10发布于 2019-10-23
  • 来自专栏代码小睿

    HTML5 拖拽上传图片实例

      因为标题写的是实例,所以本次就不做讲解了,因为这个实例我也算是东拼西凑整出来的,参考了大概5、6款拖拽上传的插件和demo,然后把其中好的地方挑出来,最后就成了这么一个实例,一起来看下吧(地址不能保证长久有效 ,一种拖拽上传,一种常规的选择文件上传,另外的就是添加网络图片。 它很巧妙的把三种上传模式整合到了一起,而且你可以用IE浏览器浏览下,如果不支持HTML5,是没有拖拽上传图片的提示的,如图:   拖拽上传最重要的就是js部分的代码,它实现了70%的功能,另外30%仅仅是把图片信息提交到后台 $height : $new_height); imagecopyresampled($crop, $new, 0, 0, ($x_mid - ($width * .5)), 文章最开始提到,还有点击选择文件上传和网络图片,因为这2个不属于这次的主题范围内,就不说了。况且这2个功能实现起来都不麻烦。 demo下载

    3.4K30编辑于 2022-03-23
  • 来自专栏物联网智慧生活

    5G4G数据采集遥测终端

    计讯物联5G/4G数据采集遥测终端机,丰富行业接口可对接视频监控、流量计水位计各种传感器、水电表压力计等仪表、以及plc等工业设备,完成数据存储、监测因子采集上传、管理中心远程实时在线监测、设备远程控制 图片1.png 5G/4G数据采集遥测终端机功能 数据定时采集、存储、主动上报。 预警加报。 多通讯方式,支持2.5G/3G/4G/GPRS/NB-IoT传输功能。 设备电压监测、工况监测。 5G/4G数据采集遥测终端机应用场景 一、智慧水务水利:水质、水位、水雨情、水库大坝、中小河流、城市内涝、山洪灾害等监测项目。 图片2.png 二、智慧环保:大气污染、噪音污染、工地环境、工况监测、工厂污染、饮用水安全等监测项目。 图片3.png 三、智慧农业:土壤墒情监测、智慧灌溉等。

    69220发布于 2021-08-13
领券