c ajax 上传图片插件,C#使用ajaxForm进行上传图片

最新推荐文章于 2022-10-01 17:28:20 发布

纳特帕格

最新推荐文章于 2022-10-01 17:28:20 发布

阅读量231

点赞数

文章标签： c ajax 上传图片插件

　　 Alternate Text

上传中.....

.zImagesUploadBox {

width: 961px;

height: 110px;

padding: 15px 20px 0;

}

.imgOuter {

float: left;

position: relative;

width: 168px;

height: 108px;

border: 1px solid #ccc;

margin-right: 12px;

}

.imgOuter p.btnsBox {

display: none;

position: absolute;

left: -1px;

bottom: 7px;

width: 142px;

height: 26px;

padding: 0 14px;

z-index: 2;

}

.imgOuter p.btnsBox a.deleteBtn {

float: right;

width: 68px;

height: 26px;

background: url("../Images/z_addImagesBtn_02.gif") 0 bottom no-repeat;

}

.imgOuter p.btnsBox a.bigImg {

float: left;

width: 68px;

height: 26px;

background: url("../Images/z_addImagesBtn_02.gif") no-repeat;

}

.imgOuter p.mask {

display: none;

position: absolute;

left: -1px;

top: -1px;

width: 170px;

height: 110px;

background: #000;

opacity: 0.5;

filter: alpha(opacity=50);

z-index: 1;

}

.imgOuter img {

display: block;

}

input {

outline: none;

}

.addImgBtn {

float: left;

width: 160px;

height: 90px;

cursor: pointer;

opacity: 100; background-size: 100% auto;

}

.bbbb{

cursor: pointer;position: absolute;right: 0;top: 0;opacity: 0;filter:alpha(opacity=0);height: 90px;width: 160px;

}

.cccc {

position: absolute;

background: #000;

opacity: 0.5;

width: 160px;

height: 90px;

text-align: center; padding: 40px;

color: #fff;

}

.addImgLayer {

left: 2px;

top: -108px;

width: 175px;

position: relative;

display: none;

}

em {

left: 0px;

top: 5px;

font-style: normal;

position: absolute;

font-size: 14px;

line-height: 26px;

padding: 0 0 0 0;

}

.l_canshu div i{ position:absolute; right:5px; top:3px; width:14px; height:14px; background:url(../Scripts/addResource/img/l_InnercloseImg.png) no-repeat; z-index:999; cursor:pointer;}

function eventStart(obj) {

var fileLength = getFileSize(obj);

if (fileLength < 1.5 * 1024 * 1024) {

$("#user_head_form11").submit();

}

else {

bootbox.alert({

size: 'small',

message: "请上传1.5M以内的图片文件！",

title: "提示",

callback: function () {

}

})

return false;

}

function getFileSize(obj) {

var objValue = obj.value;

if (objValue == "") return;

var fileLenth = -1;

try {

//对于IE判断要上传的文件的大小

var fso = new ActiveXObject("Scripting.FileSystemObject");

fileLenth = parseInt(fso.getFile(objValue).size);

} catch (e) {

try {

//对于非IE获得要上传文件的大小

fileLenth = parseInt(obj.files[0].size);

} catch (e) {

fileLenth = -1;

}

return fileLenth;

}

$(document).ready(function () {

$("#user_head_form11").ajaxForm({

iframe: true,

beforeSerialize: function () {

var filepath = $("#qdctvfile11").val()

var extStart = filepath.lastIndexOf(".");

var ext = filepath.substring(extStart, filepath.length).toUpperCase();

if (ext != ".PNG" && ext != ".JPG") {

bootbox.alert({

size: 'small',

message: "图片仅支持png,jpg格式",

title: "提示",

callback: function () {

}

})

$("#qdctvfile11").val("");

return false;

}

//$("#cccc1").show();

$("#imgg").attr("src", "../Images/11.png");

$("#hiddenImg").val(1);

success: function (data) {

data = JSON.parse(data);

$("#hiddenImg").val("");

$("#cccc1").hide();

if (data.code == "OK") {

$("#ImagePath1").attr("value", "1");

$("#hidImg1").val(data.originalImgUrl);

$("#imgg").attr("src", data.thumpImgUrl);

$("#themePicMd5").val(data.md5Abstract);

}

});//end ajaxForm

});

使用ajaxForm上传图片可以直接上传到接口上没有必要用自己后台做为中转

手机端上传图片及java后台接收和ajaxForm提交

有很多微信开发的项目在手机端需要传图片,但是又不想调用微信的上传图片接口,于是采取了如下做法: 使用ajaxForm提交文件所需js:jquery.form.js 页面代码:

C&num; AJAXform上传图片

前台: @{ Layout = null;}

基于ASP&period;Net +easyUI框架上传图片，实现图片上传，提交表单

博客使用BOS上传图片

1.博客平台的选定从大学开始做个人主页算起,最开始是使用html,CSSS写简单的页面,后面大学毕业之后接触到了WordPress,就开始用WordPress搭建网站.现在还维护着一个农村网站.ht ...

nodejs利用ajax实现网页无刷新上传图片

nodejs利用ajax实现网页无刷新上传图片标签(空格分隔): nodejs 通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormDat ...

-Android -线程池批量上传图片 -附php接收代码

(出处:http://www.cnblogs.com/linguanh/) 目录: 1,前序 2,类特点 3,用法 4,java代码 5,php代码 1,前序还是源于重构,看着之前为赶时间写着的碎片 ...

iOS 原生HTTP POST请求上传图片

今天项目里做一个上传图片等个人信息的时候,使用了第三方AFNetworking - (AFHTTPRequestOperation *)POST:(NSString *)URLString param ...

随机推荐

GitHub使用简单记录

根据[1]所做的一些整理 1. 浏览托管项目在GitHub的页面中可以使用键盘快捷键 (1)按下问号(?)会在弹出窗口显示当前页面可用的快捷键. (2)在项目的代码 ...

hdu 4643(计算几何)

题意:容易理解分析:切换的地点为两个基站所在直线的中垂线与两座城市所在直线的交点. 代码实现: #include #include #inc ...

TextView------文字底部或者中间加横线

promotionLinkText = (TextView) this .findViewById(R.id. text_promotion_link ); 中间加横线 promotionLinkTe ...

ArcGIS Pro 简明教程(4)工具和模型构建器

ArcGIS Pro 简明教程(4)工具和模型构建器 by 李远祥工具箱中的工具 ArcGIS Pro 在1.3版本基本上已经继承了ArcMap的所有工具,而且会不断加入一些它自身才有的工具,例如适 ...

Mybatis 系列6

上篇系列5中简单看了一下TypeHandler, 本次将结束对于mybatis的配置文件的学习, 本次涉及到剩下没提及到的几个节点的配置:objectFactory.databaseIdProvid ...

js实用技巧

IIFE(立即调用函数表达式)最广泛的用途是避免污染全局作用域. 已经有很多JavaScript库和JavaScript高手正在使用这种技巧, 尤其是在最流行jQuery插件的开发者中. 你也应该把这 ...

如何清空css 的默认边距

在网页开发中,html的元素,有部分元素默认是有内外边距的,例如body 元素,是有默认边距的所以在通常情况下,我们都要先清空元素的内外边距:使用通配符选择器* 清空元素的内边距和外边距 ;; } ...

Poly

folly/Poly.h Poly is a class template that makes it relatively easy to define a type-erasing polymor ...

洛谷P4559 [JSOI2018]列队【70分二分 + 主席树】

题目链接洛谷P4559 题解只会做$70$分的$O(nlog^2n)$ 如果本来就在区间内的人是不用动的,区间右边的人往区间最右的那些空位跑,区间左边的人往区间最左的那些空位跑找到这些空 ...

minic 词法单元建立

#include #include "symbol_table_def.h" //前面的那个词法和文法说明只是大概的说明,现在又有了改动,把指针运算 ...

纳特帕格

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
c ajax 上传图片插件,C#使用ajaxForm进行上传图片

　　上传中......zImagesUploadBox {width: 961px;height: 110px;padding: 15px 20px 0;}.imgOuter {float: left;position: relative;width: 168px;height: 108px;border: 1px solid #ccc;margin-right: 12px;}.imgOuter ...
复制链接

扫一扫