zyy
/
erp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
							<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/ssi-upload.css" rel="stylesheet" />
    <script src="../../js/boot.js"></script>
    <script src="js/releasejq.js"></script>
    <script src="js/ssi-upload.js"></script>

    <style type="text/css">
        body {
            margin: 0px;
            padding: 0px;
        }

        .ssi-buttonWrapper {
            margin-left: 30px;
        }

        .ssi-previewBox {
            margin-left: 15px;
            padding: 5px 10px;
        }

        .zzsc-container {
            margin: 0 auto;
        }

        .ssi-imgToUploadTable {
            font-size: 12px;
            width: 108px;
            height: 148px;
        }

            .ssi-imgToUploadTable tr:first-child td:first-child {
                height: auto;
            }

        .ssi-imgToUpload {
            width: 95px;
            height: 83px;
        }

        .ssi-dropZonePreview {
            min-height: 195px;
            border: 1px dashed #ccc;
        }

        #ssi-DropZoneBack {
            color: #888;
            font-size: 12px;
            padding: 0px;
            padding-bottom: 5px;
        }

        span.trash10 {
            width: 6px;
            height: 6px;
            background-size: cover;
            background-position: 0px;
        }

        .ssi-imgToUploads {
            width: 95px;
            height: 83px;
        }
    </style>
    <script type="text/javascript">
        var il = getCookie("islocal");
        var upUrl = "";
        if (il != null && il == "1") {
            upUrl = "http://localhost:913/mulUploadImg.aspx?ut=xddj&";
        } else {
            upUrl = "http://183.250.143.56:8088/mulUploadImg.aspx?ut=xddj&";
        }
        var upCount = 0;
        var sup = null;
        var upArr = new Array();
        let base_url = "";
        $(document).ready(function () {

            sup = $('#ssi-upload3');
            sup.ssi_uploader({
                url: upUrl, maxNumberOfFiles: 6, maxFileSize: 80, allowed: ['jpg', 'bmp', 'gif', 'jpeg', 'png', 'mp4'],
                onEachUpload: function (fileInfo) {
                    if (fileInfo == undefined || fileInfo == null) { alert("上传发生错误!"); }
                    if (fileInfo.result.res == "1") {
                        upArr.push(fileInfo.result.fn);
                    }
                },
                onUpload: function (obj) {
                    upCount = obj.successfulUpload;
                    callView();
                },
                beforeEachUpload: false
            });

            let images = window.parent.$("#upframe").data("images");
            base_url = window.parent.$("#upframe").data("viewUrl");
            if (images) {
                upArr = images.split(",");
                callView();
            }

        });

        function getUpImg() {
            if (upArr.length > 0) {
                return upArr;
            }
            return null;
        }

        function callView() {
            if (upArr.length == 0) return;

            let html = `<div id="ssi-DropZoneBack">选择图片时按住ctrl键可以多选;也可以拖动图片到当前位置,选中后要点击"上传"(最多上传6张,单张不超过50MB)</div>`;

            for (let i = 0; i < upArr.length; i++) {
                let url = base_url + "/" + upArr[i];
                if (upArr[i].indexOf(".mp4") > -1) {
                    html += `<table class="ssi-imgToUploadTable ssi-completed"><tbody><tr><td class="ssi-upImgTd"><video class="ssi-imgToUploads" src="${url}" onclick=\"largeImage(this)\"/></td></tr><tr><td><div class="ssi-uploadProgress" style="width: 100%;"></div></td></tr><tr><td><span class="ssi-statusLabel  success" data-status="上传成功！">成功</span><button class="ssi-button error success-removeBtn" onclick="deleteImage(this,'${i}')"><span class="trash10 trash"></span></button></td></tr><tr><td>${getImageName(url)}</td></tr></tbody></table>`;
                } else {
                    html += `<table class="ssi-imgToUploadTable ssi-completed"><tbody><tr><td class="ssi-upImgTd"><img class="ssi-imgToUploads" src="${url}" onclick=\"largeImage(this)\"></td></tr><tr><td><div class="ssi-uploadProgress" style="width: 100%;"></div></td></tr><tr><td><span class="ssi-statusLabel  success" data-status="上传成功！">成功</span><button class="ssi-button error success-removeBtn" onclick="deleteImage(this,'${i}')"><span class="trash10 trash"></span></button></td></tr><tr><td>${getImageName(url)}</td></tr></tbody></table>`;
                }
            }
            $("#ssi-previewBox").empty().append(html);

        }

        function deleteImage(that, index) {
            $(that).parents(".ssi-imgToUploadTable").remove()
            upArr.splice(index, 1);
        }

        function getImageName(url) {
            if (!url) return "";
            let char_list = url.split("/");
            return char_list[char_list.length - 1];
        }

        function largeImage(that) {
            let url = $(that).attr("src");
            let large_image = "";
            if (url.indexOf(".mp4") > -1) {
                large_image = '<video controls src= ' + url + '></video>';
            } else {

                large_image = '<img src= ' + url + '></img>';
            }
            window.parent.$('.image_large').html($(large_image).css({
                display: "block",
                height: '60%',
                //width: '40%',
                position: "absolute",
                left: "50%",
                top: "50%",
                transform: "translate(-50%,-50%)",
            }, 500));
            window.parent.$('.image_large').css("display", "block");
        }
    </script>
</head>
<body>
    <div class="zzsc-container">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <input type="file" multiple id="ssi-upload3" />
                </div>
            </div>
        </div>
    </div>
</body>
</html>