<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="JS/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnTJ1").bind("click", function () {
var result = '<% =Print2Web() %>';
alert("执行完毕，请检查一下后台数据有没有打印出来");//结果显然没有打印出来
});

$("#btnTJ2").bind("click", function () {
$("#<%= btnGet.ClientID %>").trigger("click");//效果实现了
});
});
</script>
</head>
<body>
<form runat="server">
<input type="button" value="前台HTML元素调用后台方法" id="btnTJ1" />
<input type="button" value="前台HTML元素调用后台事件" id="btnTJ2" />

<div style=" visibility: hidden">
<asp:Button ID="btnGet" runat="server" Text="辅助前台获取数据" onclick="btnGet_Click" />
</div>
</form>
</body>
</html>

js 压缩图片

<script type="text/javascript">
$(document).ready(function () {
var BH = $('.file-wrap img').height();
function fileChange(e) {
var f = e.files[0];
var _size = f.size;
if (_size > 2048 * 1024) {
mui.alert('选择的图片超过限度，请重新选择！', '', function () { });
return;
}
//console.log(f);
var FR = new FileReader();
FR.readAsDataURL(f);
FR.onload = function (f) {
compressImg(this.result, BH * 2, function (data) {
//$("#newImg").attr("src",data);//保存图片压缩后的64位编码
$('.file-wrap img').attr('src', data);
});
};
}
document.getElementById("image").addEventListener("change", function () {
fileChange(this);
}, false);
function compressImg(imgData, maxHeight, onCompress) {
if (!imgData) { return false };
onCompress = onCompress || function () { };
maxHeight = maxHeight || 100; //默认最大高度1000px
var canvas = document.createElement('canvas');
var img = new Image();
img.src = imgData;

img.onload = function () {
if (img.height > maxHeight) {//按最大高度等比缩放
img.width *= maxHeight / img.height;
img.height = maxHeight;
}
var ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, canvas.width, canvas.height);
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0, img.width, img.height);
onCompress(canvas.toDataURL("image/jpeg"));
//console.log(canvas.toDataURL("image/jpeg"));
$('#IMAGE_URL').val(canvas.toDataURL("image/

js 调用后台，后台调用js的更多相关文章

  1. js调用.net后台事件、后台调用前台以及js调用服务器控件

    1. javaScript函数中执行C#代码中的函数: 方法一:间接触发后台代码 1.首先建立一个服务端控件按钮命名为btn1,双击进入后台将调用或处理的内容写入btn1_click中; 2.在前台写 ...

  2. asp.net 调用前台JS调用后台，后台掉前台JS

    C#前台js调用后台代码前台js<script type="text/javascript" language="javascript"> func ...

  3. js调用.net后台事件，和后台调用前台等方法以及js调用服务器控件的方法

    http://blog.csdn.net/deepwishly/article/details/6670942  ajaxPro.dll基础教程(前台调用后台方法,后台调用前台方法) 1. javaS ...

  4. js调用.net后台事件，和后台调用前台等方法总结(转帖)

    js调用.net后台事件,和后台调用前台等方法总结 原文来自:http://hi.baidu.com/xiaowei0705/blog/item/4d56163f5e4bf616bba16725.ht ...

  5. c#代码 天气接口 一分钟搞懂你的博客为什么没人看 看完python这段爬虫代码，java流泪了c#沉默了 图片二进制转换与存入数据库相关 C#7.0--引用返回值和引用局部变量 JS直接调用C#后台方法（ajax调用） Linq To Json SqlServer 递归查询

    天气预报的程序.程序并不难. 看到这个需求第一个想法就是只要找到合适天气预报接口一切都是小意思,说干就干,立马跟学生沟通价格. ​ ​不过谈报价的过程中,差点没让我一口老血喷键盘上,话说我们程序猿的人 ...

  6. asp.net 后台注册(调用)JS

    1.使用Page.ClientScript.RegisterClientScriptBlock 使用 Page.ClientScript.RegisterClientScriptBlock可以防止ja ...

  7. Node.js学习笔记——Node.js开发Web后台服务

    一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.j ...

  8. Javascript调用C#后台方法及JSon解析

    Javascript调用C#后台方法及JSon解析   如何使用Ajax 调用C# 后台方法. 本文目录 如何使用Ajax 调用C# 后台方法. 1.后台(.cs)测试方法 2.前台调用(javasc ...

  9. js前台与后台数据交互-前台调后台

    转自:http://blog.csdn.net/wang379275614/article/details/17033981   网站是围绕数据库来编程的,以数据库中的数据为中心,通过后台来操作这些数 ...

  10. C# 解析js方法，并调用js方法

    本文转载:http://www.cnblogs.com/StudyLife/archive/2013/03/11/2953516.html 本文不是基于B/S的 后台调用前台js方法,而是给你一段js ...

随机推荐

  1. tomcat启动命令行中文乱码

    1.找到${CATALINA_HOME}/conf/logging.properties 2.添加语句:java.util.logging.ConsoleHandler.encoding = GBK ...

  2. VC GDI 像素转厘米（英寸）[转发]

    [转载]http://blog.sina.com.cn/s/blog_638dd78201018663.html 函数原型:int GetDeviceCaps(int nIndex); 常用的参数有( ...

  3. webpack4 系列教程(十六)：开发模式和生产模式·实战

    好文章 https://www.jianshu.com/p/f2d30d02b719

  4. Javascript的千分位和去除千分位

    1.转成千分位,保留两位 comdify(n) { let num = Number(n); let re = /\d{1,3}(?=(\d{3})+$)/g; let n1 = num.toFixe ...

  5. C# Post 参数中的特殊符号处理

    https://cloud.tencent.com/developer/article/1344673 http://blog.csdn.net/henulwj/article/details/791 ...

  6. Dockerfile详解及优化

    Dockerfile详解 0. Dockerfile的作用 docker可以根据Dockerfile中的指令来构建docker镜像.Dockerfile是一个文本文件,其应当包含用户想要构建一个镜像的 ...

  7. MySQL中使用union all获得并集的排序

    项目中有时候因为某些不可逆转的原因使得表中存储的数据难以满足在页面中的展示要求.之前的项目上有文章内容的展示功能,文章分为三个状态待发布.已发布.已下线.他们在数据表中判断状态的字段(PROMOTE_ ...

  8. myeclipse中tomcat配置虚拟路径，用于存储及上传图片

    由于双击tomcat后只出现了overview窗口,没有出现Models窗口,如下图所示,故eclipse中的方法不能用. 采用另一种方法 在自己的tomcat的安装目录下 ( 我安装目录的是 D:\ ...

  9. 对java中路径的一些理解

    开始前先贴一下项目结构 public class TestLocation { @Test public void test1(){ String s1 = Objects.requireNonNul ...

  10. JS 作用域与变量提升---JS 学习笔记（三）

    你知道下面的JavaScript代码执行时会输出什么吗? var foo = 1; function bar() { if (!foo) { var foo = 10; } console.log(f ...