用js实现简易的文件剪切功能

js实现复制、剪切功能-clipboard.min.js 示例

html: <div id="txt">我是要复制的内容</button> <button id="copyBtn">点击复制</button> js: clipboard.min.js 三种复方式: 1.指定复制目标taget data-clipboard-target指向复印节点,这里指input的目标id: data-clipboard-action 值为copy(默认)或cut.注意:cut只能在input和t

mac上ssh工具,包含简易的文件传输功能

最近需要在mac上连ssh,但是之前在mac上用的都是简易的SSH Shell,没有找到传输文件的功能. 这时候就非常想念win上的winscp,有个界面,传点东西还是很直观的. 几经搜寻,终于找到一款:zoc 基本满足了我的需求,ssh,然后有个简单的文件传输. 当然,这个传输功能可以用scp来实现,但是实在是懒得去输那一堆命令了,而且ip我老是记不住...

在js内生成PDF文件并下载的功能实现(不调用后端),以及生成pdf时换行的格式不被渲染,word-break:break-all

在js内生成PDF文件并下载的功能实现(不调用后端),以及生成pdf时换行的格式不被渲染,word-break:break-all 前天来了个新需求, 有一个授权书的文件要点击下载, 需要在前端生成, 以前没做过那就开始查资料吧,还真的发现有生成pdf文件的组件(此处感谢前辈们写的组件),叫做 jspdf. 然后还有一个把页面渲染成画布的插件,叫做 html2canvas, 那好,开心写吧. 但是首先这两个插件的导包就让我头疼, 因为网上的例子大多数都是js标签导包的,而我们用的是react框架

使用Node.js实现简易MVC框架

在使用Node.js搭建静态资源服务器一文中我们完成了服务器对静态资源请求的处理,但并未涉及动态请求,目前还无法根据客户端发出的不同请求而返回个性化的内容.单靠静态资源岂能撑得起这些复杂的网站应用,本文将介绍如何使用Node处理动态请求,以及如何搭建一个简易的 MVC 框架.因为前文已经详细介绍过静态资源请求如何响应,本文将略过所有静态部分. 一个简单的示例先从一个简单示例入手,明白在 Node 中如何向客户端返回动态内容. 假设我们有这样的需求: 当用户访问 /actors时返回男演员列表页

[转] 使用Node.js实现简易MVC框架

在使用Node.js搭建静态资源服务器一文中我们完成了服务器对静态资源请求的处理,但并未涉及动态请求,目前还无法根据客户端发出的不同请求而返回个性化的内容.单靠静态资源岂能撑得起这些复杂的网站应用,本文将介绍如何使用Node处理动态请求,以及如何搭建一个简易的 MVC 框架.因为前文已经详细介绍过静态资源请求如何响应,本文将略过所有静态部分. 一个简单的示例先从一个简单示例入手,明白在 Node 中如何向客户端返回动态内容. 假设我们有这样的需求: 当用户访问 /actors时返回男演员列表页

react.js 之批量添加与删除功能

最近做的CMS需要用到批量添加图片的功能:在添加文件的容器盒子内,有两个内容,分别是:添加按钮与被添加的选择文件组件. 结构分析: 被添加的组件,我们称为:UploadQiNiuFiles(七牛文件上传组件),含一个删除当前组件的删除按钮添加按钮的事件被添加组件存放的容器做这个效果只需要明白三个方法的用途就OK: 直接绑定要删除组件的 deleteType(),它是调用删除index数量的方法 removeContent() //删除{qiniu}与{deleteQiNiu}内容,是把

转： KindEditor 图片空间文件增加删除文件、文件夹功能（ASP语言环境）

KindEditor 图片上传功能中集成的图片空间文件管理插件可以对已上传图片进行管理,十分便捷,只是没有图片删除功能,仔细研读xieliang分享的经验后,自己动手改造了一下,顺便分享给有同样需求的朋友,作个参考,以下介绍以ASP语言环境为基础. 一.修改后效果图: 增改功能说明: 1.增加鼠标移至文件上时显示[引用].[删除]两个按钮: 2.修改原[点击文件直接引用文件]功能为[点击引用按钮引用文件]: 3.移至文件时的原来只提示[文件名称],修改为提示[文件路径及大小]. 二.步骤

js导入外部脚本文件

JS 语言没找到导入外部脚本文件的功能,只能通知宿主程序来处理. function include(path){ var a=document.createElement("script"); a.type = "text/javascript"; a.src=path; var head=document.getElementsByTagName("head")[0]; head.appendChild(a); } 可以在任何地方以includ

JS 模拟手机页面文件的下拉刷新

js 模拟手机页面文件的下拉刷新初探老总说需要这个功能,好吧那就看看相关的东西呗最后弄出了一个简单的下拉刷新页面的形式,还不算太复杂查看 demo 要在仿真器下才能看到效果,比如chrome的里边(或者用手机浏览器查看,但测试发现有些浏览器有问题,目前手机猎豹是没问题的) 主要就是: 下拉-->提示松开刷新-->松开后-->开始刷新-->刷新成功后还原 html,css部分 style type="text/css"> #slideDown{marg

MPlayer 增加边看边剪切功能

下载 http://pan.baidu.com/s/1ntj0XLn 解压到 D:\MPlayer 前些日子用 FFMpeg 的 FFPlay 来做了视频剪切工具结果发现 FFPlay 的 CPU 使用率太高并有点卡决定用 MPlayer 来实现, 折腾半天终于搞出来啦. 双击 MPlayer_me_openWith.reg 文件,注册右键功能视频文件名上单击鼠标右键并选择 MPlayer_me 如果想隐藏控制台窗口 cmdow /RUN /HID mplayer 视频文件名 1 缩小窗口

Linux下vi编辑器粘贴复制剪切功能

RedHat 9.0 Linux下vi编辑器实现简单的粘贴复制剪切功能": 如果想把文件内的第三行内容黏贴到第十五行: 1.进入你的文件,(处于命令模式,而不是编辑模式) 2.将你的光标移到你的第三行的开头(用方向键) 3,按下v,(你发现切换到可视模式了),按方向键,知道选中你想要的内容 4.按y,再将光标移到第十四行末尾. 5.按p.完成此方法可以用于多行的粘贴->复制若想剪切->复制的话就更简单了(只能用于单行) 1.进入你的文件,(处于命令模式,而不是编辑模式) 2.将你

jq和js插件的各个文件夹里放置的内容

1. demo文件夹,存放各种实例. 2. dist文件夹,全称是distribution.在某些框架中,因为开发和发布的内容或者代码形式是不一样的(比如利用Grunt压缩等等),这时候就需要一个存放最终发布版本的代码,这就是dist文件夹的用处.dist文件夹里的localization文件夹是本地化/局部化文件夹,是提供语言更换的.一般中文是zh.js. 3. lib文件夹是静态数据连接库,一般放引入文件,这个目录里存放着系统最基本的动态链接共享库,几乎所有的应用程序都须要用到这些共享库.个

node.js 开发简易的小爬虫

node.js 开发简易的小爬虫最近公司开发一款医药类的软件,所以需要一些药品的基础数据,所以本人就用node.js写一个简易的小爬虫,并写记录这个Demo以供大家参考. 一.开发前的准备: 1,开发前肯定是需要安装node.js的,这个我就不多罗嗦了,网上有的是教程. 下载地址:https://nodejs.org/en/download/. 一直下一步的傻瓜式安装就可以了在cmd中检查Node.js版本,npm的版本 2.开发前必要的资源安装: npm install cheerio(

如何在PIXI.js里面使用json文件来管理瓦片集(tileset)?

如何在PIXI.js里面使用json文件来管理瓦片集(tileset)? PIXI建议我们将素材图片汇总成一个瓦片集(tileset),然后用纹理地图集(texture atlas,通常是一个json文件)对该瓦片集进行管理.我认为这主要是出于对网络传输速度的考量,因为加载一张图片肯定比加载多张图片效率更高. 那么怎么将素材汇总成tileset呢?通常我们使用的是texturepacker,一个高级功能收费的软件.所谓的高级功能反正我是用不上. 这个软件帮我们将素材拼接,然后输出一张tilese

Vue之简易的留言板功能

今天我将带大家通过Vue的todolist案例来完成一个简易的网页留言板! LES'T GO! 首先我们需要在页面上搭建一个input文本输入框,并设置提交按钮,通过循环指令来完成输入框的信息提交! 具体代码如下: <body> <div id="app"> <input type="text" v-model="txt"> <button @click="send_msg">留

JS读取/创建本地文件及目录文件夹的方法

原文链接:http://www.cnblogs.com/ayan/archive/2013/04/22/3036072.html 注:以下操作只在IE下有效! Javascript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼.富有朝气.但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读.写和删除,就象在VB.VC等高级语言中经常做的工作一样.怎么样,你是否需要了解这方面的知识?那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作. 一

js上传Excel文件

一.问题需要在项目里添加一个上传excel文件的功能,因为其他同样的后台里面有上传文件的功能,第一反应就是想着直接用.了解了一下发现它是利用bootstrap的fileinput实现的,但是我怎么都不能把fileinput插件给加到java的项目里,然后就只能自己用js实现吧.好像也没什么特别的需求. 1)原本的样式不好看,需要和项目一致 2)只上传xls和xlxs的文件二.代码 <input type="file" id="file" name=&quo

PHP文件操作功能函数大全

PHP文件操作功能函数大全 <?php /* 转换字节大小 */ function transByte($size){ $arr=array("B","KB","MB","GB","TB","EB"); $i=0; while($size>=1024){ $size/=1024; $i++; } return round($size,2).$arr[$i]; } /* 检测文

使用 jquery 的上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能。并且在界面上有radio 的选择内容也要上传

使用 jquery 的上传文件插件 uploadify 3.1 配合 java 来做一个简单的文件上次功能.并且在界面上有radio 的选择内容也要上传 uploadify 插件的下载和文档地址点击打开链接 1. jsp的内容 <%@ page language="java"import="java.util.*"pageEncoding="UTF-8"%> <% String path = request.getCon

ZK中使用JS读取客户端txt文件内容问题

最近写一个需求时遇到一个问题,用户需要通过点击一个按钮直接读取他自己电脑上D盘的一个txt文件内容显示到页面,因为项目现在是用ZK写的.我对于ZK也是刚刚了解不就,很多都还不是很熟.起初我是想用io流去读取,然后写完发现,这样每次读取的都是服务器上的D盘下的txt文件,所以在网上找了很久.很多都是获取服务器上的文件夹或者是上传到服务器再读取.直接通过文件地址读取文件内容很少.因为这样很不安全.目前我也只找到了一种,但是只限于IE浏览器. <?page title="new page tit

js上传整个文件夹

文件夹上传:从前端到后端文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹.今天研究了一下这个问题,在此记录. 先说两个问题: 是否所有后端框架都支持文件夹上传? 是否所有浏览器都支持文件夹上传? 第一个问题:YES,第二个问题:NO 只要后端框架对于表单的支持是完整的,那么必然支持文件夹上传.至于浏览器,截至目前,只有 Chrome 支持. 如果需要其它的浏览器支持则需要

用js实现简易的文件剪切功能

热门专题