weixin_33922670
weixin_33922670

前端图片canvas，file，blob，DataURL等格式转换

将file转化成base64

  • 方法一：利用URL.createObjectURL()
 1 DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>basetitle>
 5 head>
 6 <body>
 7 <input type="file" name="" id="file">
 8 <img src="" id="img">
 9 <script type="text/javascript">
10     window.onload = function () {
11         let $img = document.getElementById('img')
12         file.onchange = function (e) {
13             console.log(e.target.files[0])
14             let file = e.target.files[0]
15             let fileUrl = window.URL.createObjectURL(file)
16             $img.src = fileUrl
17             img.onload = function () {
18                 // 手动回收
19                 URL.revokeObjectURL(fileUrl)
20             }
21         }
22     }
23 script>
24 body>
25 html>

当选择图片后，生成的img src类似"blob:null/4304d4f3-c13b-43e8-83f6-8c80426520ff"，能正常显示图片。

  • 方法二: 利用FileReader.readAsDataURL()
DOCTYPE html>
<html>
<head>
    <title>basetitle>
head>
<body>
<input type="file" name="" id="file">
<img src="" id="img">
<script type="text/javascript">
    window.onload = function () {
        let $img = document.getElementById('img')
        file.onchange = function (e) {
            console.log(e.target.files[0])
            let file = e.target.files[0]
            const fr = new FileReader(file)
            fr.readAsDataURL(file)
            fr.onload = function () {
                 $img.src = this.result
            }
        }
    }
script>
body>
html>

img标签的src将会是像这样："data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAA==，能够正常显示。

 

canvas 转为DataURL

 

场景： canvas画出来的图片，在html中的其他地方显示。这里的方法也是可以将canvas输出为Dataurl的来放到img标签中。

 

let imgSrc = canvas.toDataURL('image/png')
// canvas.toDataURL('image/jpeg')

canvas转为blob对象

 

场景： canvas生成的图片，如何上传到七牛云或服务器？答案是将canvas输出为Blob对象，这样就可以像File对象一样操作它了。

 

 canvas.toBlob(function (blobObj) {
    console.log(blobObj)
})
 canvas.toBlob还有两个参数一个是名称name，另一个是压缩质量quality 0~1

Blob对象显示图片

 

场景： 获取到的图片是Blob格式的，如何显示在html中？答案还是将Blob对象转换为DataUrl的形式。

 

canvas.toBlob(function (blobObj) {
    let imgSrc = window.URL.createObjectURL(blobObj)
    document.getElementById('img').src = imgSrc
})

下载DataURL表示的图片

 

场景： html中一张用DataURL形式显示出来的图片，可以下载到本地吗？答案是使用一个a标签，并设置download属性，模拟点击。

function downloadImg () {
    let aLink = document.createElement('a')
    aLink.download = 'fileName.png' // 文件名后缀需要和dataurl表示的相同，否则可能乱码
    aLink.href = dataUrl
    aLink.click()
}

 

转载于:https://www.cnblogs.com/xkloveme/p/10967852.html

你可能感兴趣的:(前端图片canvas，file，blob，DataURL等格式转换)

  • Windows用pm2部署node.js项目 秦时明月之君临天下 Node.jsNext.jswindowsnode.js
    Windows上pm2启动命令不生效按照常规启动命令应该如下，但是发现不生效pm2startnpm--name"project-name"--start具体如下，可以看到状态都是stopped$pm2startnpm--name"chatgpt-next-web"--start[PM2]StartingF:\PROGRAMFILES\NODEJS\NPM.CMDinfork_mode(1insta
  • 表单排版_流程引擎——OA流程表单的认识及优化 SchwatzWagen 表单排版
    编辑导语：在工作中经常会遇到流程表单的运用，OA工作流的表单设计器是最常用控件的用法；本文作者分享了工作流引擎流程表单的相关内容，以及对OA流程表单的一些细节优化，我们一起来看一下。现在企业内部产品大多会涉及工作流，不论CRM、OA、WMS、ERP等，都有流程引擎应用的场景。我在工作中一直接触OA，流程表单运用很多，但在之前的使用过程中发现还有些细节可以优化；所以根据应用经验及使用的需求整理了如下
  • Dockerfile实战：从代码到容器的自动化构建 一碗黄焖鸡三碗米饭 Docker技术之路自动化运维docker
    Dockerfile实战：从代码到容器的自动化构建在现代软件开发中，容器化技术已经成为了一种主流趋势，Docker更是其中的佼佼者。Docker为开发人员提供了一个高效的方式来构建、打包和运行应用程序。而Dockerfile则是Docker镜像构建过程中的核心，作为一份配置文件，Dockerfile让自动化构建Docker镜像成为可能。本文将通过一个实际的案例，深入讲解如何编写Dockerfile
  • 案例34在华为设备上配置访问控制列表 BinaryStarXin 交换机技术汇总智能路由器网络运维华为设备上配置访问控制列表ACL的基本原理网络协议信息与通信
    访问控制列表简书1.ACL的基本原理访问控制列表(AccessControlList，ACL)使用包过滤技术，在路由器上读取第三层及第四层包头中的信息，如源地址、目的地址、源端口、目的端口等信息，根据预先定义好的规则对包进行过滤，从而达到访问控制的目的。2.ACL的功能网络中的节点包括资源节点和用户节点两类，其中资源节点提供服务或数据，用户节点访问资源节点所提供的服务与数据。ACL的主要功能就是一
  • 云计算相关工作岗位有哪些，薪资怎么样？ 欧米说云 云计算腾讯云阿里云云计算
    云计算、大数据、人工智能作为新一代信息技术产业，未来发展前景不可估量，就业前途一片光明，自然薪资待遇也不会差。随着亚马逊云、阿里云、华为云等云厂商的快速发展，也产生了大量的岗位需求，同时厂商为了增强自身影响力，也设置了很多证书考试，acp、ace、hcip、hcie等等。在这里想进入相关行业大厂从事云相关的工作的同学可以先考取大厂的对应证书，增加自己简历含金量，从而进入大厂。免费领取阿里云华为认证
  • cursor 弹出在签出前，请清理仓库工作树 窗口 小丁学Java cursorcursor
    问题出现的背景：是因为我有两台电脑开发，提交后，另一个电脑的代码是旧的，这个时候我想拉取最新的代码，就会出现如下弹窗，因为这个代码暂存区有记录或者工作区有代码的修改，所以有冲突，我们只需要舍弃旧代码的记录，执行gitreset--hard以撤销所有未提交的更改。从图片来看，这是一个错误提示窗口，提示“在签出前，请清理仓库工作树。”这通常发生在你尝试使用Git进行签出（checkout）操作时，当前
  • wx.uploadFile上传图片失败 小丁学Java 微信小程序WxManotepad++
    文章目录微信小程序后台配置`uploadFile`合法域名的正确步骤步骤1：登录小程序后台步骤2：导航到服务器域名配置页面步骤3：添加`uploadFile`合法域名步骤4：验证配置是否生效注意事项常见问题解答总结微信小程序后台配置uploadFile合法域名的正确步骤在微信小程序开发中，正确配置uploadFile合法域名是使用wx.uploadFileAPI上传文件的前提。以下是按照您指定的路
  • 卷积这个词在卷积神经网络中应该怎么理解 abments 人工智能cnn深度学习计算机视觉
    卷积的定义数学概念：在数学上，卷积是一种操作，通常用于两个函数之间的运算。对于图像处理而言，这些函数通常是输入图像和一个称为“卷积核”或“滤波器”的小矩阵。在CNN中的应用：卷积操作是通过滑动窗口（卷积核）与输入数据进行点乘并求和来提取特征的。具体步骤定义卷积核：一个卷积核是一个小矩阵，通常为3x3、5x5等尺寸。卷积核中的每个值称为权重（weights），这些权重是通过训练过程优化得到的。滑动窗
  • Node.js 内置模块简介（带示例） 浪九天 node.jsnode.js开发语言前端
    目录1.fs（文件系统）模块2.http模块3.path模块4.os模块5.events模块6.crypto模块1.fs（文件系统）模块fs模块提供了与文件系统进行交互的功能，包括文件的读写、删除、重命名等操作。它有同步和异步两种操作方式，异步操作能避免阻塞事件循环，在处理大量文件或高并发场景中更常用。示例：异步读取文件内容constfs=require('fs');//异步读取文件fs.read
  • Node.js学习01-初识Node.js与内置模块 Meowmow nodejsnode.js学习javascript
    目录初识Node.js在Node.js环境执行js代码内置模块fs文件系统模块路径动态拼接问题path路径模块http模块request请求对象初识Node.jsNode.js是基于ChromeV8引擎的JavaScript运行环境，无法调用DOM和BOM等浏览器内置API。使用Node.js可以：基于Express框架快速搭建web应用基于Electron框架构建跨平台的桌面应用基于restif
  • 云计算如何助力金融科技企业实现高效运营 易通慧谷 互联金融云计算金融科技
    一、引言随着信息技术的飞速发展，云计算作为一种新兴的计算模式，正在逐渐改变着传统金融行业的运营模式。金融科技企业作为金融行业的重要组成部分，面临着日益增长的业务需求和技术挑战。在这一背景下，云计算凭借其弹性扩展、高可用性、低成本等优势，成为金融科技企业实现高效运营的重要工具。本文将从云计算的定义、特点出发，探讨云计算如何助力金融科技企业实现高效运营，并分析其面临的挑战和未来发展趋势。二、云计算概述
  • [C#]C#移动文件报错完全限定文件名必须少于 260 个字符，并且目录名必须少于 248 个字符 FL1623863129 C#c#开发语言
    C#使用File.Move会报错：错误信息:Thespecifiedpath,filename,orbotharetoolong.Thefullyqualifiedfilenamemustbelessthan260characters,andthedirectorynamemustbelessthan248characters.大概的意思就是:指定的路径或文件名太长，或者两者都太长。完全限定文件名
  • 从零到一：利用DeepSeek构建高精度图像分类模型实战解析 一碗黄焖鸡三碗米饭 人工智能前沿与实践分类数据挖掘人工智能
    引言：为什么选择DeepSeek进行图像分类？在计算机视觉领域，图像分类作为基础任务，其技术演进经历了从传统特征工程到深度学习的革命性转变。DeepSeek作为国产自研的深度学习框架，凭借其高效计算优化和灵活架构设计，在ImageNet等基准测试中展现出与PyTorch、TensorFlow等主流框架相媲美的性能。本文将手把手带您实现从零搭建工业级图像分类模型的全过程。一、DeepSeek技术架构
  • 第九课：浅拷贝与深拷贝 MgVccl python
    一、可变参数和不可变参数Python中string、tuple和number是不可变对象，而dict、list等是可变对象。不可变对象在进行重新赋值的时候，实际上是将原始值丢弃，将变量指向一个新的值；可变对象的可变性实质上是指更改可变对象中的子对象，比如ist中的item元素的更改。直接赋值：其实就是对象的引用（别名），只是形成2个变量，实际上还是指向同一个对象。eg：#直接赋值a=[1,2,3]
  • deepstream编译报错fatal error: gst/rtsp-server/rtsp-server.h: No such file or directory，缺包。 低配加班人 linuxjetsondeepstream
    首先请检查您的环境中是否存在gst/rtsp-server/rtsp-server.h，并在您的makefile中设置路径。如果没有gst/rtsp-server/rtsp-server.h的话那就和我的现象一样，应该是少安装了一个包。sudoapt-getinstalllibgstrtspserver-1.0-dev安装后就可以了，应该会在/usr/include/gstream-1.0目录下发
  • d2550性能 服务器,长得像I3的ATOM终于诞生了，D2550 ITX小板性能实测 薄辉 d2550性能服务器
    如果谈起INTELATOM，我相信各位都并不陌生。ATOM定位于轻薄，小巧以及节能，CPU性能虽说不是那么的强大。但是由于定位的原因，组建下载机，高清HTPC，上网机等都是很不错的。不过最近入的ITX架构D2550主板，的确让我眼前一亮。看到设备管理器中CPU信息的那一刻，乍一看还以为是4核。就算不是4核，也是双核四线程......哥顿时兴奋了，ATOM时隔多年，已经变得这么威猛了吗？我入的小板型
  • html data-src和src的区别,img 的data-src 属性实现懒加载 薄辉 htmldata-src和src的区别
    一、什么是图片懒加载？当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次)，当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。通俗一点：1、就是创建一个自定义属性data-src存放真正需要显示的图片路径，而img自带的src放一张大小为1*1px的图片路径。2、当页面滚动直至此图片出现在可
  • python 必备模块和包_Python_异常和模块 weixin_39616216 python必备模块和包
    异常处理单个异常处理：try:print(num)exceptNameError:print('没有定义变量')exceptFileNotFoundError:print('找不到文件路径')print(1)多个异常处理：try:print(num)#11/0#open('xxx.txt')except(NameError,FileNotFoundError,ZeroDivisionError):
  • 常见的消息中间件以及应用场景 纠结哥_Shrek rabbitmqrocketmq
    消息中间件（MessageOrientedMiddleware，简称MOM）是支持消息传递的中间件，主要用于在分布式系统中实现不同应用之间的消息通信。常见的消息中间件有以下几种，每种都有不同的应用场景：1.RabbitMQ类型：基于AMQP协议的消息中间件。应用场景：任务调度：适用于需要任务分发和异步处理的场景，比如后台处理任务、日志处理等。微服务通信：用于解耦微服务之间的通信，保证服务间的高可用
  • 在线教育平台架构设计 AI天才研究院 编程实践Python实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介随着互联网的飞速发展，电子商务蓬勃发展，在线教育也成为火热话题。在线教育公司在做教育培训方面已经占据了大量的市场份额，他们通过各种方式让学习者在网上获得知识、技能和工具，提升个人能力。近年来，在线教育平台产品数量越来越多，复杂度也在不断增加，平台需要具备高可用、可扩展性、安全性、成本效益等优秀特性。因此，如何设计一个合适的在线教育平台，成为一个重要的课题。本文将
  • 自然语言处理NLP入门 -- 第八节OpenAI GPT 在 NLP 任务中的应用 山海青风 人工智能gpt自然语言处理python
    在前面的学习中，我们已经了解了如何使用一些经典的方法和模型来处理自然语言任务，如文本分类、命名实体识别等。但当我们需要更强的语言生成能力时，往往会求助于更先进的预训练语言模型。OpenAI旗下的GPT系列模型（如GPT-3、GPT-3.5、GPT-4等）在生成文本方面拥有强大的表现。它们不仅能进行语言生成，也可用于诸多NLP任务，包括文本摘要和情感分析。本章将重点介绍：GPT的文本生成原理和应用场
  • [Python]:热血传奇-Wzl，Wzx的解析 游戏百晓生 开发语言python数据结构
    首先我们要了解,wzl与wzx的对应关系，wzx里面存的是每张二进制图片数据在wzl中的偏移量，所以取到wzx中的偏移数据就可以取到wzl每张图片数据，其实就这么简单。1[取wzx中偏移量数据]：以素材[hum.wzx]为例进行解析-读取前44字节为wzx头文件，对解析无作用不做处理-读取44至48字节代表为，[wzx中偏移值总数量][int类型][4字节]-读取48字节以后，每4个字节[int类
  • alpine镜像简介 小达人Fighting dockerjava开发语言docker
    AlpineLinux是一个轻量级的Linux发行版，因其小巧、安全和高效而广受欢迎，尤其是在容器化环境中（如Docker）。Alpine镜像指的是基于AlpineLinux制作的容器镜像。它的特点如下：极小的体积：Alpine镜像仅几MB大小，远小于其他常见的Linux镜像（如Ubuntu、Debian等）。这有助于节省存储空间，加快容器下载和部署速度。安全性：AlpineLinux默认采用了“
  • PCL点云系列之 如何使用 Python 从 ROS Bags 中提取和可视化彩色点云数据？自动驾驶汽车如何感知周围环境 知识大胖 PCL点云PointCloud系列教程python自动驾驶汽车
    介绍您是否曾好奇过自动驾驶汽车如何感知周围环境，或者建筑物的3D模型是如何如此精确地创建的？答案就在于点云的魔力。这些密集的数据点集合通常由LiDAR或深度相机等传感器捕获，构成了机器人、3D建模和自动驾驶汽车等各种应用的支柱。但是，如果您不仅需要捕获几何形状，还需要保留这些点的颜色信息，该怎么办？在本文中，我们将深入研究一个Python脚本，该脚本从ROS（机器人操作系统）包中提取点云数据，同时
  • 浅谈流媒体技术在无线网络中的应用 chenjie19891104 流媒体技术网络流媒体服务器服务器interneth.264路由器
    原文地址：http://info.broadcast.hc360.com/2009/10/100913135646.shtml流媒体即媒体内容通过数据网络传送到客户端的同时，在客户端播放的一种机制。流媒体技术首先出现在固定网络通信中，在网络上传送音视频等多媒体信息的方法主要采用下载和流式两种传送方式。对于下载方式而言，由于大文件往往需要大量的存储容量，同时受到网络带宽的限制，下载常常会花数分钟甚至
  • 浅谈流媒体协议以及视频编解码 纠结哥_Shrek 视频编解码
    流媒体协议介绍流媒体协议用于传输视频、音频等多媒体数据，确保数据流畅地传输到用户设备。常见的流媒体协议包括RTMP、HLS、DASH、WebRTC等，每种协议具有不同的特点和适用场景。1.RTMP(Real-TimeMessagingProtocol)定义：由Adobe提出的实时消息传输协议，最初用于Flash播放器的流媒体播放。特点：低延迟，适合实时直播。支持推流和拉流，常用于直播推流（主播端推
  • Flink的架构体系 GDDGHS_ flink架构大数据
    Flink中的重要角⾊JobManager处理器JobManager处理器也称之为Master，用于协调分布式执行，它们用来调度task，协调检查点，协调失败时恢复等。Flink运行时至少存在一个master处理器，如果配置高可用模式则会存在多个master处理器，它们其中有一个是leader，而其他的都是standby。TaskManager处理器TaskManager处理器也称之为Worker
  • c#实现485协议 A_nanda c#ModbusRTU
    在C#中实现RS-485协议通信，需要结合串口（SerialPort）操作和硬件收发控制（如RTS信号切换）。以下是详细的步骤和示例代码：1.RS-485通信原理物理层：RS-485是差分信号标准，支持多点通信（半双工）。收发控制：通过控制RTS（RequesttoSend）或DTR引脚切换发送/接收模式。协议层：通常基于ModbusRTU、自定义二进制协议等。2.硬件准备RS-485转USB转换
  • 手游如何用模拟器多开设置不同地区ip来挂机减少封号 xxtzaaa tcp/ip网络协议网络
    在模拟器多开玩手游时，可以通过使用代理软件来切换不同的IP地址。?这种方法可以帮助避免因IP限制导致的登录问题或账号被封的情况。首先，您需要准备以下工具和材料：1.安卓模拟器，如雷电模拟器、夜神模拟器等。2.代理软件，如兔子进程代理等。接下来是具体的操作步骤：1.在电脑上安装并运行兔子进程代理。2.选择一个或者多个服务器，确定生效。3.打开模拟器窗口，软件会自动分配不同的IP给不同的模拟器窗口。4
  • 基恩士上位机链路通讯_库卡机器人之通讯总结 筱顽咚 基恩士上位机链路通讯
    时常有人问我库卡机器人支持哪些通讯、需要什么组件等等，基于个人多年积累并借助公众号的平台来分享下个人的总结(以下内容仅针对KRC4及以上，KRC2在此不作说明)：基于以上图片内容，将库卡通讯分成四类：1.基于以太网的现场总线：ProfiNet从站不需要KUKAProfiNetxxxProfiNet主站不需要KUKAProfiNetxxxEthernet/IP主站不需要KUKAEthernet/IP
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他