filereader

Is it possible to cut part of video and upload it on server only with html5 & js

时间秒杀一切 提交于 2020-04-11 04:29:05
问题 I use Filereader to read local video file (mp4), so I can display it in video tag. I need to cut part of mp4 file (i.e. from 5 to 10 seconds) and upload it on server. My current solution: I upload whole video file on server with "from" and "to" parameters, cut it with ffmpeg on server, upload to s3 and return the url video. Maybe is it possible only with JS/HTML? I found Blob.slice method but i didn't know how to use it to cut video parts. Thanks! 回答1: An mp4 video file is made up of 'atoms'

【Android】java中调用JS的方法

风格不统一 提交于 2020-04-07 08:47:45
最近因为学校换了新的教务系统,想做一个模拟登陆功能,发现登陆的账号和密码有一个js脚本来进行加密 整理了一下java中执行JS的方法 智强教务 账号 密码 加密方法 var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; function encodeInp(input) { var output = ""; var chr1, chr2, chr3 = ""; var enc1, enc2, enc3, enc4 = ""; var i = 0; do { chr1 = input.charCodeAt(i++); chr2 = input.charCodeAt(i++); chr3 = input.charCodeAt(i++); enc1 = chr1 >> 2; enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64 } else if (isNaN(chr3)) { enc4 = 64 } output = output + keyStr.charAt

前端图片上传那些事儿

寵の児 提交于 2020-04-06 18:25:18
本文讲的图片上传,主要是针对上传头像的。大家都知道,上传头像一般都会分成以下 4 个步骤: 选择图片 -> 预览图片 -> 裁剪图片 -> 上传图片 接下来,就详细的介绍每个步骤具体实现。 选择图片 选择图片有什么好讲的呢?不就一个 input[type=file] ,然后点击就可以了吗?确实是这样的,但是,我们想要做得更加的友好一些,比如需要过滤掉非图片文件, 或只允许从摄像头拍照获取图片等,还是需要进行一些简单配置的。 下面就先来看看最简单的选择图片: <input type="file" /> 这时候,点击这个 input , 在 iOS 手机的显示如下: 其中的 “浏览” 选项,可以查看到非图片类型的文件,这并不是我们想要的结果,毕竟我们只想要图片类型。可以通过 accept 属性来实现,如下: <input type="file" accept="image/*"> 这样就可以过滤掉非图片类型了。但是图片的类型可能也太多了, 有些可能服务器不支持,所以,如果想保守一些,只允许 jpg 和 png 类型,可以写成这样: <input type="file" accept="image/jpg, image/jpeg, image/png"> 或: <input type="file" accept=".jpg, .jpeg, .png"> OK, 过滤非图片的需求搞定了

JavaSE学习总结第21天_IO流3

泄露秘密 提交于 2020-04-02 20:26:10
21.01 转换流出现的原因及格式 由于字节流操作中文不是特别方便,所以,java就提供了转换流。 字符流 = 字节流 + 编码表 21.02 编码表概述和常见编码表 编码表:计算机只能识别二进制数据,早期又来是电信号,为了方便应用计算机,让它可以识别各个国家的文字,就将各个国家的文字用数字来表示,并一一对应,形成一张表,就是编码表。 简单的说编码表就是由字符及其对应的数值组成的一张表。 常见的编码表: ASCII:美国标准信息交换码,用1个字节的7位可以表示 ISO8859-1:拉丁码表,欧洲码表,用1个字节的8位表示 GBK2312:中国的中文编码表 GBK:中国的中文编码表升级,融合了更多的中文文字符号 GB18030:GBK的取代版本 BIG-5码 :通行于台湾、香港地区的一个繁体字编码方案,俗称“大五码” Unicode:国际标准码,融合了多种文字,所有的文字都用2个字节表示,Java中使用的就是Unicode码表 UTF-8:最多用3个字节来表示一个字符(能用一个字节表示的就用一个字节,一个表示不了就用两个,最多用三个字节) 21.03 String类中的编码和解码问题 1.public String(byte[] bytes, String charsetName)throws UnsupportedEncodingException 通过使用指定的 charset

(set! (.-onload image) (fn [] )) not working

戏子无情 提交于 2020-03-25 18:47:07
问题 I have the following code which takes as input some images and then compresses them using the compress-omg function, which takes a data-url of each image inputted in sequence and stores the compressed blobs in a db vector :images (defn image-selector [] [:<> ;; appending image in this div [:div {:id "test-div"}] [:input {:type "file" :multiple true :id "input-image" :on-change (fn [e] (let [files (array-seq (.. e -target -files))] (doseq [file files] ;; must create a new file-reader in each

vue中图片批量上传

坚强是说给别人听的谎言 提交于 2020-03-22 15:31:30
首先说一下会用到几个知识点 1. event.target.files[0] 获取的是上传的图片的一些参数如下图: 可以自己依次打印看看 console.log(event, event.target, event.target.files, event.target.files[0]) 2. HTML5中FileReader 在FileReader出现之前,前端的图片预览是这样实现的: 把本地图片上传到服务器,服务器把图片地址返回,并把它替换到图片元素的src属性。 这种方法的缺点是: 必须要先把图片上传到服务器。如果上传的图片很大,而网速又很慢,这就需要等待很久预览图片才会显示出来了,如果用户预览图片后发现不太满意,想重新选择一张图片,这时候还要把已经上传到服务器上的图片给删除掉。 有了HTML5的FileReader对象以后,预览图片变得简单多了,不再需要后台的配合,这种方法的思路是: 通过FileReader.prototype.readAsDataURL() 方法把图片文件转成base64编码,然后把base64编码替换到预览图片的src属性即可。 let that = this; let file = event.target.files[0]; let reader = new FileReader(); // 调用reader.readAsDataURL()方法

字符流;字符输入流;字符输出流;字符流的拷贝;文件续写;字符高效输入缓冲流;字符高效输出缓冲流 (Java Day20)

♀尐吖头ヾ 提交于 2020-03-22 02:14:04
一,字符流 编码:把字符按照一定的方式转换为对应的数字,【就是把内存中的资源存放到磁盘文件的过程;磁盘文件中存放的都是数字【以字节的方式存储的】】 解码:把文件中的存储的数字按照一定的方式转换为对应的字符 编码使用的转换方式和解码使用的转换方式如果一致的看到的就是正常的内容 编码使用的转换方式和解码使用的转换方式如果不一致看到的就是非正常的内容【乱码】 使用字节流处理字符【字符串】的问题 使用字节流写字符【字符串】 可以使用,但是需要先把字符串【字符】转成字节数组,再存储到文件中,比较麻烦 ​ 字符--->字节数---->进行写出【写出到文件】 2. 使用字节流读取字符 如果是纯英文,可以一次读取一个字节或者读多个没有影响 如果是纯中文,可以一次读取两个字节(GBK)那就没有毛病,读取三个字节就会出 ​ 3. 现乱码的现象 如果是中英文混杂,每次不知道读取多少个字节,因此无论字节数组准备多大,都有可能会出现乱码【无法避免乱码的现象】导致字节流操作纯文本文件的时候会出现乱码的现象 代码示例 package com.ujiuye.demo; import java.io.File; import java.io.FileInputStream; import java.io.IOException; public class Demo { public static void main

How to keep newline characters when I import a javascript file with FileReader?

老子叫甜甜 提交于 2020-03-18 05:26:05
问题 I'd like to know how I can retrieve the contents of a file keeping special characters with FileReader object. <form enctype="multipart/form-data"> <input type="file" id="file" name="file"> </form> <script> $('#file').change(function () { var file = document.getElementById('file').files[0]; var reader = new FileReader(); reader.onload = function (event) { var file_content = event.target.result; console.log(file_content); } reader.readAsBinaryString(file); } </script> this code print

JAVA---字符流

雨燕双飞 提交于 2020-03-16 15:25:34
目录 文件写入: 方式一:flush() 方式二:colse() flush()和colse()区别: 规范示例: 对已有文件进行续写 文件的读取 方式一:read() 方式二:read(char[]) 拷贝文件: 字符流的缓冲区 BufferedWriter BufferedReader 示例: 装饰者模式: 继承和装饰的区别: 实景应用: 自定义装饰类 文件写入: 方式一:flush() 字符输出流在输出内容的时候,比如写文件的时候,是先写入缓冲区,当缓冲区满之后再写入文件,如此往复,但是当某次输出比如在最后输出的内容不能填满一个缓冲区,那么就会一直等待,所以这时需要进行强制写入文件,将缓冲区内容清空到文件中 public static void main(String[] args) throw IOException //FileWriter()会抛异常 { //创建一个FileWriter对象,该对象一被初始化就必须要明确被操作的文件,而且该文件会被创建到指定目录下,如果该目录下已有同名文件,将被覆盖,其实该步就是在明确数据要存放的目的地 FileWriter fw=new FileWriter("demo.txt"); //调用write方法,将字符串写入到流中 fw.write("abc"); //刷新流对象中的缓冲中的数据 //将数据刷到目的地中 fw.flush(

Java使用IO流读取文件显示到控制台1

情到浓时终转凉″ 提交于 2020-03-15 23:25:11
package com.io.exam; import java.io.FileReader; import java.io.IOException; /** * 不带行号的 */ public class TextFileExam { public static void main(String[] args) { // 1、创建FileReader 的实例,同时打开指定文件 FileReader fileReader = null; try { fileReader = new FileReader("读取文件路径"); // 2、读取指定文件的内容并打印到控制台 char cbuf[] = new char[1024]; int len = 0; while ((len = fileReader.read(cbuf)) != -1) { System.out.println(new String(cbuf, 0, len)); } } catch (IOException e) { e.printStackTrace(); } if (fileReader != null) { try { fileReader.close(); } catch (IOException e) { e.printStackTrace(); } } } } 来源: https://www