RMS.Manage.Web/Areas/Demo/Views/UIElements/Upload.cshtml

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

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

@{
    ViewBag.Title = "Upload";
    Layout = "~/Areas/Demo/Views/Shared/Demo_Layout.cshtml";
}
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Upload</h1>
    </div>
</div>

<div class="row">
    <!--uploadify-->
    <div class="col-lg-6">
        <div class="panel panel-default">
            <div class="panel-heading">
                uploadify
            </div>
            <div class="panel-body">
                <div class="form-group">
                    <a href="http://www.mamicode.com/info-detail-506696.html" target="_blank">中文API</a>
                </div>
                <div class="form-group">
                    <input id="fileUpload" name="files" type="file" style="position:static;" />
                </div>
                <div class="form-group">
                    <label id="ImageUrl">图片地址</label>
                </div>
                <div class="form-group">
                    <img id="Image" style="width: 300px;height: 300px;" class="img-thumbnail" />
                </div>
                <!--script-->
                <script src="@Url.Content("~/bower_components/uploadify/jquery.uploadify.min.js")" type="text/javascript"></script>
                <!--UploadifySet上传控件初始化-->
                <!--
                    dom表的jQuery对象选择器写法
                    option是uploadify的初始化参数
                -->
                <script type="text/javascript">
            function UploadifySet(dom, option) {
                var model = $(dom);
                var opt = {
                    buttonText: '浏览...',
                    buttonClass: 'btn btn-primary',
                    queueID: 'divQue',
                    multi: false,
                    fileSizeLimit: '5MB',
                    fileTypeDesc: '新图片',
                    fileTypeExts: '*.bmp; *.jpg; *.png;*.gif;*.jpeg',
                    swf: '/bower_components/uploadify/uploadify.swf',
                    height: 33.6,
                    width: 100,
                    queueSizeLimit: 1,
                    onUploadError: function (file, errorCode, errorMsg, errorString) {
                        Modal.alert({ msg: '文件: ' + file.name + ' 无法上传: ' + errorString + ' 错误代码: ' + errorCode + ' 错误描述: ' + errorMsg });
                    },
                    onInit: function () {
                        $(dom + ' #' + model.attr("id") + '-button').css('line-height', 'initial');
                    }
                };