Jquery 如何更改div中的值?
当我粘贴到一个图像中时,我试图更改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 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>