Test/upload.aspx

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="upload.aspx.cs" Inherits="Attendance.Test.upload" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
    .upload{border-radius:4px;cursor:pointer;border-style:none; width:120px; height:35px; border :solid 0px; background-color:#303641; font-size:15px; font-family:微软雅黑; color:white; position:relative; left:290px;top:15px;z-index:99; align:center}
    </style>
</head>
	<link rel="stylesheet" href="dist/css/demo.css">
   <link rel="stylesheet" href="dist/css/dropify.min.css">
<body>
    <form id="form1" runat="server">
    	<article class="htmleaf-container">
		<div class="container">
	            <div class="row">
	                <div class="col-sm-3">
                        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button"  CssClass="upload"/>
                    </div>
	                <div class="col-sm-6">
	                    <label for="input-file-now-custom-3">点击图片选择图片上传，支持直接拖拽图片</label>
	                
	               <asp:FileUpload ID="FileUpload1" runat="server" CssClass="dropify" data-height="300"   data-default-file="src/images/test-image-2.jpg" ></asp:FileUpload>
	                </div>
	            </div>
	        </div>

	</article>
	
    <script src="../Scripts/jquery-1.8.3.min.js" type="text/javascript"></script>
	<script type="text/javascript">	    window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script type="text/javascript" src="dist/js/dropify.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                // Basic
                $('.dropify').dropify();

                // Translated
                $('.dropify-fr').dropify({
                    messages: {
                        'default': '点击或拖拽文件到这里',
                        'replace': '点击或拖拽文件到这里来替换文件',
                        'remove': '移除文件',
                        'error': '对不起，你上传的文件太大了'
                    }
                });

                // Used events
                var drEvent = $('.dropify-event').dropify();

                drEvent.on('dropify.beforeClear', function (event, element) {
                    return confirm("Do you really want to delete \"" + element.filename + "\" ?");
                });

                drEvent.on('dropify.afterClear', function (event, element) {
                    alert('File deleted');
                });
            });