Jquery 如何更改div中的值?

Jquery 如何更改div中的值?,jquery,asp.net,.net,ajax,model-view-controller,Jquery,Asp.net,.net,Ajax,Model View Controller,当我粘贴到一个图像中时,我试图更改div中的值 有关分区: <div class="span4 target"> <label asp-for="T_Image1"></label> <input asp-for="T_Image1" type="hidden" value=""/> <span asp-validation-for

当我粘贴到一个图像中时,我试图更改div中的值

有关分区:

<div class="span4 target">
  <label asp-for="T_Image1"></label>
  <input asp-for="T_Image1" type="hidden" value=""/>
  <span asp-validation-for="T_Image1" class="text-danger"></span>
</div>
<div class="span4 target">
  <label asp-for="T_Image2"></label>
  <input asp-for="T_Image2" type="hidden" value="" />
  <span asp-validation-for="T_Image2" class="text-danger"></span>
</div>
<div class="span4 target">
  <label asp-for="T_Image3"></label>
  <input asp-for="T_Image3" type="hidden" value="" />
  <span asp-validation-for="T_Image3" class="text-danger"></span>
</div>

完整的Javascript/Ajax代码(这是一个修改过的STD6代码)


(函数($){
var违约;
$.event.fix=(函数(originalFix){
返回函数(事件){
event=originalFix.apply(这是参数);
if(event.type.indexOf(“粘贴”)==0){
event.clipboardData=event.originalEvent.clipboardData;
}
返回事件;
};
})($.event.fix);
默认值={
回调:$.noop,
匹配类型:/image*/
};
返回($.fn.pasteImageReader=函数(选项){
如果(选项类型==“函数”){
选项={
回调:选项
};
}
选项=$.extend({},默认值,选项);
返回此。每个(函数(){
var$this,元素;
元素=此;
$this=$(this);
返回$this.bind(“粘贴”),函数(事件){
var剪贴簿数据,已找到;
发现=错误;
clipboardData=event.clipboardData;
返回Array.prototype.forEach.call(clipboardData.types,function(type,i){
var文件,读卡器;
如果(找到){
返回;
}
如果(
type.match(options.matchType)||
clipboardData.items[i].type.match(options.matchType)
) {
file=clipboardData.items[i].getAsFile();
reader=newfilereader();
reader.onload=函数(evt){
returnoptions.callback.call(元素{
dataURL:evt.target.result,
事件:evt,
档案:档案,
名称:file.name
});
};
reader.readAsDataURL(文件);
返回(发现=真);
}
});
});
});
});
})(jQuery);
var-dataURL,文件名;
$(“html”).pasteImageReader(函数(结果){
filename=results.filename,dataURL=results.dataURL;
$data.text(dataURL);
$size.val(results.file.size);
$type.val(results.file.type);
var img=document.createElement(“img”);
img.src=数据URL;
var w=img.宽度;
var h=img.高度;
$width.val(w);
$height.val(h);
console.log(img.src);
返回$(“.active”)
.css({
背景图片:“url(“+dataURL+”)”
});
});
变量$data、$size、$type、$width、$height;
$(函数(){
$data=$(“.data”);
$size=$(“.size”);
$type=$(“.type”);
$width=$(“#width”);
$height=$(“#height”);
$(“.target”)。在(“单击”,函数(){
var$this=$(this);
var bi=$this.css(“背景图像”);
如果(bi!=“无”){
$data.text(bi.substr(4,bi.length-6));
}
$(.active”).removeClass(“active”);
$this.addClass(“活动”);
});
});

我尝试过简单地在末尾添加.val或.value和其他内容,但没有效果。

div
没有值,您不能将图像粘贴到其中。请提供一份报告,它正基于此工作。你看到那个部门了吗?
        return $(".active")
            .css({
                backgroundImage: "url(" + dataURL + ")"
            });
<script type="text/javascript">
    (function ($) {
        var defaults;
        $.event.fix = (function (originalFix) {
            return function (event) {
                event = originalFix.apply(this, arguments);
                if (event.type.indexOf("paste") === 0) {
                    event.clipboardData = event.originalEvent.clipboardData;
                }
                return event;
            };
        })($.event.fix);
        defaults = {
            callback: $.noop,
            matchType: /image.*/
        };
        return ($.fn.pasteImageReader = function (options) {
            if (typeof options === "function") {
                options = {
                    callback: options
                };
            }
            options = $.extend({}, defaults, options);
            return this.each(function () {
                var $this, element;
                element = this;
                $this = $(this);
                return $this.bind("paste", function (event) {
                    var clipboardData, found;
                    found = false;
                    clipboardData = event.clipboardData;
                    return Array.prototype.forEach.call(clipboardData.types, function (type, i) {
                        var file, reader;
                        if (found) {
                            return;
                        }
                        if (
                            type.match(options.matchType) ||
                            clipboardData.items[i].type.match(options.matchType)
                        ) {
                            file = clipboardData.items[i].getAsFile();
                            reader = new FileReader();
                            reader.onload = function (evt) {
                                return options.callback.call(element, {
                                    dataURL: evt.target.result,
                                    event: evt,
                                    file: file,
                                    name: file.name
                                });
                            };
                            reader.readAsDataURL(file);
                            return (found = true);
                        }
                    });
                });
            });
        });
    })(jQuery);

    var dataURL, filename;
    $("html").pasteImageReader(function (results) {
        filename = results.filename, dataURL = results.dataURL;
        $data.text(dataURL);
        $size.val(results.file.size);
        $type.val(results.file.type);
        var img = document.createElement("img");
        img.src = dataURL;
        var w = img.width;
        var h = img.height;
        $width.val(w);
        $height.val(h);
        console.log(img.src);
        
        return $(".active")
            .css({
                backgroundImage: "url(" + dataURL + ")"
            });
    });
    var $data, $size, $type, $width, $height;
    $(function () {
        $data = $(".data");
        $size = $(".size");
        $type = $(".type");
        $width = $("#width");
        $height = $("#height");

        $(".target").on("click", function () {
            var $this = $(this);
            var bi = $this.css("background-image");
            if (bi != "none") {
                $data.text(bi.substr(4, bi.length - 6));
            }
            $(".active").removeClass("active");
            $this.addClass("active");
        });
    });
</script>