怎么可能超越MVC中的照片（两侧有箭头） [英] How is it possible to go beyond photos in the MVC (have arrows on the sides)

问题描述

<script type="text/javascript">
    function readURL(input) {
        $('.newlink').remove();
        var count = $('#NumberofImages').val();
        if (input.files && input.files[0]) {
            for (var i = 0; i < input.files.length; i++) {

                var reader = new FileReader();

                $('#images').append('<input type="hidden" name="imageids[' + count + ']" value="' + input.files[i].name + '" />');
                $('#images').append('<input type="hidden" name="keep[' + count + ']" value="1"  data-imageid="' + count + '"/>');
                $('#images').append("<a id='link' class='newlink darken' onclick='ImageClick(" + count + ")' href='javascript:void(0);' data-imageid='" + count++ + "'></a>");
                reader.onload = function (e) {
                    var count = $('#NumberofImages').val();
                    $('#link').append("<img id='image' class='img-rounded' src='" + e.target.result + "' data-imageid='" + count + "' width='80' height='80'/>");
                    $('#link').append('<span class="hoverText" data-imageid="' + count + '">Remove</span>');
                    $('#link').attr('id', 'link' + count);
                    $('#NumberofImages').val(++count);
                };
                reader.readAsDataURL(input.files[i]);
            }
            $('#noimage').remove();
        }
    }
    function ImageClick(val) {
        var clicked = 0;
        $('input[data-imageid]').each(function () {
            if ($(this).attr('data-imageid') == val) {
                clicked = $(this).val();
                if (clicked == 1)
                    $(this).val(0);
                else
                    $(this).val(1);
                clicked = $(this).val();
            }
        });
        if (clicked == 0) {
            $('img[data-imageid]').each(function () {
                if ($(this).attr('data-imageid') == val) {
                    $(this).css("opacity", "0.2");
                    $(this).unbind('mouseenter mouseleave');
                }
            });
            $('span[data-imageid]').each(function () {
                if ($(this).attr('data-imageid') == val)
                    $(this).text("Add");
            });
        }
        else {
            $('img[data-imageid]').each(function () {
                if ($(this).attr('data-imageid') == val) {
                    $(this).hover(function () { $(this).css("opacity", "0.4"); },
                        function () { $(this).css("opacity", "1"); });
</script>

                }
            });
            $('span[data-imageid]').each(function () {
                if ($(this).attr('data-imageid') == val)
                    $(this).text("Remove");
            });
        }
    }

和：

< input type =fileid =imgfilesclass = form-controlname =imgfilesmultiple onchange =readURL（this）; />

and:
<input type="file" id="imgfiles" class="form-control" name="imgfiles" multiple onchange="readURL(this);" />

推荐答案

（'。newlink'）。remove（）;
var count =

('.newlink').remove(); var count =

（'＃NumberofImages'）。val（）;
if（input.files&& input.files [0]）{
for（var i = 0; i < < span class =code-attribute> input.files.length; i ++） {

var reader = new FileReader（）;

('#NumberofImages').val(); if (input.files && input.files[0]) { for (var i = 0; i < input.files.length; i++) { var reader = new FileReader();

（'＃images'）。append（'< input type = hidden name = imageids ['+ count +'] value = '+ input.files [i] .name +' / > '）;

('#images').append('<input type="hidden" name="imageids[' + count + ']" value="' + input.files[i].name + '" />');

这篇关于怎么可能超越MVC中的照片（两侧有箭头）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！