12
2014
01

Asp.net 上传大小不变图片使用缩放大小和拖动图片来改变图片位置的切图

参考头像截图，js、css文件可以网上下载

前台代码：

<!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/1999/xhtml">
<head id="Head1" runat="server">
    <title>上传大小不变图片缩放的切图</title>
    <link href="Css/CutPhoto.css" type="text/css" rel="Stylesheet" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="JS/jquery.easydrag.js" type="text/javascript"></script>
    <script src="JS/CutPhoto.js" type="text/javascript"></script>
    <script type="text/javascript">
        function Step1() {
            $("#Step2Container").hide();
            $("#savephoto").hide();
        }
        function Step2() {
            $("#Step2Container").hide();
            $("#Step1Container").hide();
            $("#savephoto").show();
        }

发布:郑德才博客 | 分类:学习之路 | 评论:0 | 浏览:
03
2013
05

简单使用Jquery和ashx一般处理程序实现无刷新上传文件

 使用html或aspx建立一个上传页面，再实用jquery进行图片或文件上传

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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/1999/xhtml">
<head id="Head1" runat="server">
    <title>Porschev--Asp.Net 使用Jquery和一般处理程序实现无刷新上传大文件</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server" enctype="multipart/form-data">
    <div class="carea">
        <div class="ui-tabs-panel">
            <div class="search_head">
                <h3 class="sh_title">
                    Porschev--Asp.Net 使用Jquery和一般处理程序实现无刷新上传大文件</h3>
            </div>
            <ul class="info_input">
                <li><b>选择文件：</b>
                    <div class="ii_conarea">
                        <input id="fulFile" name="fulFile" type="file" class="ful" />
                        <img id="imgUploading" src="images/uploading.gif" alt="正在上传..." class="loading_img none" />
                    </div>
                </li>
            </ul>
            <input id="btnSubmit" type="button" value="上传" class="btn_sub" />
        </div>
    </div>
    </form>
</body>
</html>

发布:郑德才博客 | 分类:学习之路 | 评论:0 | 浏览:
03
2013
05

简单html控件与ashx处理程序进行上传文件操作

网上很多种上传图片的实例，再不使用aspx控件的时候可以使用html的input的file控件：<input id="imgfile" name="imgfile" type="file" />

使用aspx或html建立需要上传文件的页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

发布:郑德才博客 | 分类:学习之路 | 评论:0 | 浏览:
«1»