jQuery js获取本地图片并将其Base64化

2024-11-04

jq获取图片并转换为base64

html代码: <input type="file" id="file1"/> jq代码: $('#file1').change(function(e){ var imgBox = e.target; uploadImg($('.file1'), imgBox) }); function uploadImg(element, tag ) { var file = tag.files[0]; var imgSrc; if (!/image\/\w+/.te

js读取本地图片并显示

抄自 http://blog.csdn.net/qiulei_21/article/details/52785191 js读取本地图片并显示第一种方法比较好版权声明:本文为博主原创文章,未经博主允许不得转载. 根据项目需要,需要选择本地图片并显示在页面上,然后上传至服务器.因为自身刚刚接触js,所以比较生疏,碰到问题吼,幸好有强大的网络,搜索很多有用的资源,现在将js读取本地图片并显示的代码总结一下,供大家使用,并给自己一个记录. 第一种方法: <script type="text/J

android获取本地图片并显示图片

import java.io.FileNotFoundException; import android.content.ContentResolver; import android.content.Intent; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.net.Uri; import android.os.Bundle; import android.util.

Atitit. html 使用js显示本地图片的设计方案.doc

Atitit. html 使用js显示本地图片的设计方案.doc 1. Local mode 是可以的..web模式走有的不能兰.1 2. IE8.0 显示本地图片 img.src=本地图片路径无效的解决方案1 2.1. div来完成 .filter1 2.2. URL.createObjectURL (html5 api ma sida)2 2.3. Css 背景(吗四大)2 2.4. 这是Data URI scheme (base64).2 3. --code2 4. 参考2 1.

JS获取IMG图片高宽

前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时,遇到一个问题.不管用什么样的方法都无法获取到IMG标签的高宽,最后只有给图片定一个高宽的比例值:趁今天有空我就写了几个demo测试了下,找了下原因:且听我细细说来,如有哪里说的不对的,欢迎拍砖--- 首先获取高宽的方法具我所知有:obj.style.width(height); obj.offsetWidth(offsetHeight); obj.clientWidth(clientHeight); getCo

[Jquery] js获取浏览器滚动条距离顶端的距离

需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小一.jQuery获取的相关方法 jquery 获取滚动条高度获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(document).scrollTop(); 获取滚动条到

Android之获取本地图片并压缩方法

这两天在做项目时,做到上传图片功能一块时,碰到两个问题,一个是如何获取所选图片的路径,一个是如何压缩图片,在查了一些资料和看了别人写的后总算折腾出来了,在此记录一下. 首先既然要选择图片,我们就先要获取本地所有的图片,Android已经为我们封装好了该意图. Intent intent = new Intent(Intent.ACTION_PICK, null);//从列表中选择某项并返回所有数据 intent.setDataAndType( MediaStore.Images.Media.EX

jquery+ajax获取本地json对应数据

首先,记得导入jquery.js文件. json内容: var obj123=[ {"option":"2,3,9,14,19,24,32","pdc":"1.洗卸凝胶.2.面膜.3.EGF.4.辅酶Q10.5.舒缓眼霜.6.拍拍霜"}, {"option":"2,4,9,14,19,24,32","pdc":"1.洗卸凝胶.2.

IOS -- 获取本地图片和网络图片的大小size

// 获取图片的size CGSize size = [UIImage imageNamed:@"regStep2_sex"].size; 获取网络图片的尺寸: // 根据图片url获取图片尺寸 +(CGSize)getImageSizeWithURL:(id)imageURL { NSURL* URL = nil; if([imageURL isKindOfClass:[NSURL class]]){ URL = imageURL; } if([imageURL isKindOfCl

jquery预览本地图片

本人qq群也有许多的技术文档,希望可以为你提供一些帮助(非技术的勿加). QQ群: 281442983 (点击链接加入群:http://jq.qq.com/?_wv=1027&k=29LoD19) QQ:1542385235 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 <!doctype html&g

JS获取剪贴板图片之后的格式选择与压缩问题

前言某年某月的某一天,突然发现博客服务器上上传的图片都比较大,一些很小的截图都有几百kb,本来服务器带宽就慢,不优化一下说不过去. 问题细述特别说明:本文代码因为只是用于我自己后台写markdown上传图片,运行环境只考虑PC,所以没有考虑任何兼容性,推荐Chrome下使用. 以下面一张图片为例: 原始图片为85kb,jpg格式的,上传之后就变成png格式了,而且变成了560kb!实在是说不过去! 我的代码大致如下: // $('.editor')为markdown编辑区 $('.edito

js 获取div 图片高度

使用jquery获取网页中图片的高度其实很简单,有两种常用的方法都可以打到我们的目的 $("img").whith();(返回纯数字) $("img").css("width");(返回字符串:数字+"px") 但是有时候会遇到返回0的情况,上面方法返回值竟然是0或者0px,很让人诧异 jquery有以下两种常用的jquery事件加载的方法 $(function(){}); window.onload=function(){}

js实现本地图片文件拖拽效果

如何拖拽图片到指定位置,具体方法如下在从本地上传图片的时候,如果使用拖拽效果,想想应该是更加的高大上,下面直接上js代码完整代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 <!DOCTYPE

react - next.js 引用本地图片和css文件

1. 图片把图片放在/static/文件夹中,在component中用img tag: <img src={'../static/icon.png'} /> 2. css 把css文件放在/static/文件夹中,在pages/index.js中添加Head和link: import Head from 'next/head' class HomePage extends React.Component { render() { return ( <div> <Head&g

前端用js获取本地文件的内容

这里要写成input的形式调用upload函数传递的参数就表示所选的文件<input type="file" onchange="upload(this)" /> //前端读取本地文件的内容下面代码中的this.result即为获取到的内容 function upload(input) { //支持chrome IE10 if (window.FileReader) { var file = input.files[0]; filename = f

JS将本地图片转化成base64码

在图片上传的时候,有时候后台需要前台上传base64文件,这时候我们就需要将图片资源转化成base64,下面这段js代码就可实现此功能. 1.首先在html里定义一个input输入框: BASE64图片: <input type="file" id="image"><br/> <button id="up">上传</button> 2.通过js将图片资源转化成base64码: $("#up

【笔记】jquery js获取浏览器滑动条距离顶部距离的写法

jq写法 $(window).scroll(function(){ var $top = $(document).scrollTop(); }); /*注:$(window).scroll(function(){})这个是窗口滑动事件*/ js写法 $(window).scroll(function(){ var top = document.body.scrollTop; });

jquery Ajax获取本地json 以及xml文件

$(function() { $("#Button1").click(function() { //按钮单击事件 //打开文件,并通过回调函数处理获取的数据 $.get("UserInfo.xml", function(data) { $("#divTip").empty(); //先清空标记中的内容 var strHTML = ""; //初始化保存内容变量 $(data).find("User").ea

JQuery+Js 获取浏览器高度和宽度

JQuery-------做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下. alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度包括bor

javascript 学习笔记 -- js获取本地文件信息

JavaScript是跑在浏览器中,所以对于JavaScript读取本地文件不想c++ 和 java那样easy.网上有很多关于读取本地文件的方法,许多是用ActiveXObject控件.ActiveXObject是微软特有的,只能在IE内核的浏览器中运行,所以也不是一个好方法. 这里,介绍一种用Xml读取本地文件的方法. 第一步: Ngnix 服务器配置下载ngnix(http://nginx.org/en/download.html), 解压缩之后,打开nginx\conf\nginx.c

js获取本地ip和地区

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript" charset="utf-8"> function ge

jQuery js获取本地图片并将其Base64化

热门专题