2回答
我想检索外部iframe的url。
我可以在浏览器中看到的url，但是我如何获得它的url --通过JS或PHP可以在浏览器中看到什么？
预览图像1 :
预览图像2 :
单击预览图像1中的“蓝色悬停火狐”菜单项后，我将在firefox中获得所需的结果。
如何在JS中获得这个？
浏览 1提问于2013-05-11得票数 0
我想在幻灯片中的缩略图单击后预览图像。它还可以在Slick.js中显示图像预览。你可以使用
如下所示：
当用户单击缩略图时，它将显示此图像预览。
我看了Slick的所有演示，但没有找到任何这样的示例。
浏览 15提问于2016-09-19得票数 11
回答已采纳
我在我的博客页面上有一个js脚本，它扫描页面，寻找类似于bb代码的特殊片段，并将其转换为图像。例如，我搜索所有的实例并将其替换为长方体图像，或:)的所有图像并将其替换为笑脸。
我也有一个我的评论的实时预览脚本。我的问题是，在我的实时预览DIV中，如果用户使用:)，或者它不会将它们转换为图像，因为这个.js文件只在加载后扫描页面。有没有jquery或javascript命令可以让它再次运行这个脚本并分析这个实时预览DIV？
为任何助手干杯
浏览 1提问于2009-06-23得票数 0
我尝试在jquery中预览一个zip文件。我可以使用zip-js读取所有的文件路径，但我不能像google那样预览。我需要以下图像样式预览。
<pre>
{
"zip.js-master": [
".project",
"README",
{
"WebContent": [
".jshintrc",
"deflate.js",
"inflate.js"
浏览 6提问于2017-04-26得票数 0
我有一个视频嵌入在幻灯片中使用JW播放器和jQuery循环。由于某种原因，指定给JW Player的预览图像不会出现在IE (7和8)中。所有其他浏览器都可以很好地显示预览图像，而我还有其他视频，IE无法正确显示图像。
如果我加载该幻灯片作为第一张幻灯片，它会显示出来，但如果它是隐藏的，然后“循环”进来，预览图像就不在那里了。有没有办法让我：
A)使IE始终保留预览图像
B)强制JW Player重新绘制预览图像(当幻灯片在循环插件中显示时，我可以连接到其中，但在JW Player的JS API或Flash API中我看不到设置或重新绘制图像的选项) jwplayer('myVideo
浏览 1提问于2011-03-31得票数 0
我在前端使用WordPress媒体Uploader，允许用户为那里的UGC站点上传缩略图。我还展示了正面图像的预览。当用户单击该按钮时，打开用户上传图像，将其设置为Featured，我们很好。但是，图像预览仍然显示旧图像。
我有一个WordPress站点，基于用户生成的内容，人们可以通过前端表单创建帖子。
当用户使用Media Uploader在前端更新功能图像时，如何使用新图像更新预览？
下面是媒体Uploader的代码，用户使用它来上传特色图片
$uparms = '?post_id=' . $post_id;
$uparms
浏览 0提问于2020-05-06得票数 0
2回答
麦迪刚加了一张图片
、、、、
我使用的文件输入预览bootstrap-fileinput.js由阿诺德丹尼尔斯。以及Kelly的jquery.Jcrop.js作物种植。
bootstrap-fileinput用于实时预览刚刚选定的图像，插入图像src编码的数据URL.像这样的data:image/png;base64,iVBORw.......
当用户选择照片并获得实时预览时，我希望允许他们裁剪该图像。我尝试使用一个额外的按钮:当用户选择一个图像时，他们会得到一个实时预览，当他们点击“裁剪”按钮时，只需添加图像就会初始化Jcrop脚本。($img_wrapper.find('img').Jcrop({});
浏览 1提问于2015-04-17得票数 0
回答已采纳
我对fengyuanchen jQuery Cropper.js v3.0.0有一个小小的问题。我试图覆盖默认预览代码，使其与原始图像的显示大小相同。
我目前遇到的问题是，一旦图像的高度超过原始图像的显示大小，预览就会比原始图像大很多。我宁愿它保持在同样的高度。
下面是我描述的行为。注意预览的高度：
默认行为显示比原始图像小的预览：
我想要的是使预览保持在与原始图像相同的高度，而不超过它：
这是我的代码：
<div class="col col-6">
<img id="image" src=picture.jpg
浏览 4提问于2017-04-07得票数 1
回答已采纳
2回答
我只是将基本的UI示例集成到一个应用程序中。我想要实现的是为一些不能在预览中呈现的文件添加一个特定的缩略图。例如，我想为word、excels、ppt和pdfs添加一些图像。我想要一个固定的图像。
我知道如何生成这些文件的预览，但首先我想尝试一些简单的东西。
我在检查这个问题
在我的例子中，控件正确地预览视频和图像。
他们在jquery.fileupload-ui.js中讨论修改这个函数。
_renderPreviews: function (data) {
data.context.find('.preview').each(functio
浏览 4提问于2016-08-11得票数 0
回答已采纳
1回答
我想上传的文件/图像输入type=的HTML5使用AngularJs的“文件”，当用户上传的图像显示预览。因此，我以这种方式创建了我的自定义指令：
var modulo = angular.module('myApp', []);
modulo.directive('fileModel', function () {
return {
restrict: 'AEC',
link: function(scope, element, attrs) {
element.bind('
浏览 1提问于2015-04-24得票数 0
我目前正在使用图像上传器()。我有困难创建重复预览字段。我正在创建预览图像表单，但它只显示一个缩略图。我怎么才能让Js给我两个缩略图？下面是一个以及对我的源代码的进一步解释
这是我最初想要做的：
用于创建预览图像窗体的JS片段(缩略图)
upLoaderPreviewer.js
<script>
function createImageForm(index) {
var form = '';
form += '<div><table cellspacing="0">';
for
浏览 6提问于2012-07-23得票数 2
回答已采纳
作为参考，我正在研究协调中心单元的这一问题.
我有一个链接，其href基于特定的用户交互(移动图像上的焦点)使用js动态更新。链接可以启动为/admin/焦点/预览/10/21x68，但当用户将焦点移动到图像的另一部分后，它将被更改为/admin//预览/10/75x28。在尝试打开以模式打开的预览页面(相对于新窗口)时，我发现单击链接会加载预览，就好像链接没有被更改一样。知道如何告诉加载modals以确认已更改的href的ajax逻辑吗？
浏览 0提问于2018-04-10得票数 0
1回答
我制作了一个按钮来动态创建输入字段。上传文件后，图像应该被预览。但是发现，首先预览一幅图像，然后在选择文件后第二次预览同一图像的2份副本，然后第三次预览3份相同的图像并在…上进行。
Html代码
<form method="post" action=" " class="form" id="form" accept-charset="UTF-8"
enctype="multipart/form-data" >
<div class="field" align=&
浏览 3提问于2017-06-19得票数 0
回答已采纳
我在React.js中实现了拖放。如何在React.js中实现Darg和Drop中传递自定义react组件。我想让我的自定义react组件作为拖拽组件的预览图像。如何在setDragImage中传递自定义react组件。我不想要图像。 onDragStart = (e, index) => {
this.draggedIndex = index;
this.draggedItem = this.state.list[index];
e.dataTransfer.effectAllowed = "move";
e.dataTransfer
浏览 58提问于2019-05-09得票数 7
我有一个谷歌图书预览嵌入我的网站，但注意到一件奇怪的事情，需要帮助。如果我在安全的http连接上查看该页面，图像簿预览链接将显示.这就是我想要的。
但是，当我在不安全的http连接上查看同一个站点时，预览链接不起作用。
这是我的代码片段
<script src="http://books.google.com/books/previewlib.js"></script>
... <!-- html codes -->
<script>GBS_setLanguage('en');</script>
&l
浏览 0提问于2013-11-22得票数 2
回答已采纳
1回答
所以我对angularjs非常陌生，我用js编写了一个函数，我想找出如何转换为--我猜是一个指令。
我有一个映像库，使用ng-重复加载一系列图像。在图像的右边，我有一个预览块，它显示图像的更大版本，并根据单击的图像更新信息。
我的问题是，单击图像时更新预览区域的最佳方法是什么?我应该创建指令还是使用ng单击图像来调用函数？
注-所有数据和图像都是单个对象的一部分。
这是我在使用js更新它的过程中遇到的一个问题。
$('.box').on('click','.mainbox',function(){
var imgid = this.id;
浏览 0提问于2017-01-11得票数 0
回答已采纳
1回答
我正在创建一个表单，与色轮和文本颜色选择。
本质上，我们有一个徽标，它将在元素( div )容器中动态加载。
色轮，将创建单选按钮允许选择文本颜色的bg颜色。
任何js专家，知道如何创建js来创建div，它根据图像改变预览div的bg颜色和文本颜色。
非常基本的示例(图像路径更改)，但工作正常。本质上是我想要创建的预览div。我们可以使用绝对定位来动态放置徽标。
因此，本质上是js创建div占位符bg颜色和字体文本颜色，当我们提交表单时，它们将解析valuse。
干杯
浏览 0提问于2011-01-10得票数 0
1回答
我们正在尝试使用来自D3的Hexbin (预览图像作为蜂巢，现在在D3js.org上作为主页运行)，但是我们不理解代码如何将URL与json文件中的每个节点相关联(换句话说，代码如何将正确图像的URL作为预览)。
非常感谢!来自智利的最好问候
我们在这里有一个来自最新错误的图像：，我们在这里做什么：
再次感谢！
浏览 0提问于2014-02-26得票数 0
1回答
我在vue.js/native中有搜索栏，它提供了数据库中与给定关键字匹配的图像的预览列表。我想要实现的是，在单击其中一个预览图像后，显示该图像。到目前为止，我只能通过输入其url来获取所有预览图像的相同图像。url对于每个图像都是相同的，唯一的区别是唯一的ID (例如，、、等)
到目前为止，我已经尝试过了：
<Image src="https://myimagedatabase.com/cases/getImage.php?id=1/>
它返回图像，但我的预览列表中的每个项目当然都是相同的。
还尝试了：
<Image src="https://myimag
浏览 0提问于2019-07-03得票数 1
我正在使用"UPLOADIFY“网站的脚本上传文件，图像上传成功，但现在我想在我的UI页面上预览图像，我已经编写了一些脚本(转换为Base 64加密的代码)来预览图像。这两个功能单独工作都很好，但我无法逐个执行这两个功能。这是我用过的代码，请帮帮我。
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : '/js/uploadify/uploadify.swf',
'script' : 'ind
浏览 0提问于2011-09-27得票数 0
这段代码是为了预览图像，我想删除一个预览图像的许多和剩余的图像仍然在上传之前之一。
<script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowImagePreview(input) {
if (input.files && input.files.length >
浏览 15提问于2017-03-15得票数 0
回答已采纳
我可以上传BMP图像文件在我的rails应用程序使用Blueimp jQuery文件上传rails。但是我不能只预览BMP文件。如何解决这个问题？
，但在dropzone.js中，它们使用画布数据显示图像。
我想在上传之前预览bmp图像。就连我都找到了用两种方法转换BMP文件的方法，
var dataUrl = canvas.toDataURL()
现在的问题是，我无法在bluimp中找到相应的回调方法。我正在使用宝石。
有人解决了这个问题吗？
浏览 2提问于2015-01-03得票数 4
回答已采纳
为了实现图像上传到PageDown标记编辑器，我修改了一些关于编辑器的代码。
Markdown.Editor.js
var defaultsStrings ={ imagedialog：< input =‘image’type=‘/>’}
选择图片，然后单击“确定”按钮发送ajax请求。它可以返回图像路径。
var okButton = doc.createElement("input");
okButton.type = "button";
okButton.onclick = function () {
浏览 2提问于2013-03-13得票数 9
回答已采纳
2回答
我在一个页面上有三个SVG图像。一种是“图像编辑器”，你可以在其中输入一些文本、图标、拖动和缩放等等。
另外两个SVG通过use元素使用顶部SVG中的内容，并显示最终结果的预览。
当我在编辑器中编辑某些内容时，两个预览会自动更新。太完美了。但我不想在底部的两个预览SVG中显示边界框、变换工具、向导等。
有没有办法样式化(CSS)或操纵(JS)那些SVG的DOM而不显示这些额外的元素？
浏览 4提问于2015-10-07得票数 2
1回答
我使用ajax和PHP插入到数据库中。我有两个字段。1.消息和2.图像。我有一个问题，图像预览(浏览文件)不重置后，数据插入和显示(在ajax成功后)。消息Textarea值正在重置，但不是ajax成功后的图像预览。
Ajax代码：
$(document).on("click", "#save", function (e) {
e.preventDefault();
var message = $("#message").val();
var form_data = new FormData();
form_dat
浏览 18提问于2021-03-02得票数 0
回答已采纳
4回答
我们正在尝试上传图片到我们的网站。
我们点击“上传图像”按钮。
然后显示弹出框。
然后我们点击上传新图像按钮
在此之后，我们将从计算机中选择图像&显示消息图像上传的
我想用来显示上传的图像的预览，而不是像这个那样显示“图像上传”
显示消息“上传的图像”的代码
<input type="file" id="add_image_{{rand}}" class="newcustomimage" name="new_image" value="&#
浏览 9提问于2017-02-06得票数 18
回答已采纳
我们最近开始向JavaScript文件添加版本字符串。一个关于PDF.JS的bug浮出水面。
有一个页面，REPORTS。用户选择选项，报告显示在页面上，每个选项都有一个由PDF.JS使用CANVAS标签创建的预览图像。
当通过脚本标记加载PDF.JS时，没有版本字符串，一切都正常。(从技术上讲，我们使用的是HAML，比如so %script{:type=>'text/javascript'，:src=>url_for('/go-get-em-woof/pdf.js')}
当我们使用版本控制功能时，它会呈现类似< script type=‘sr
浏览 0提问于2017-11-29得票数 0
1回答
我尝试使用holder.js库来处理回形针的默认图像。当图像有src=" Holder.js /#{width}x#{height}“但无法创建正确的url时，Holder.js创建data-src图像预览。其实我有两个问题：
第一个问题是获取缩略图style_name，用于获取样式大小。
其次，创建具有相对路径的镜像src (例如holder.js/100x100)。生成的url的rails前缀/assets/。
浏览 2提问于2013-07-26得票数 0
2回答
我正在尝试创建一个表单，用于上传图像，并在选择后显示该图像的小预览。预览无法显示。
HTML代码：
<label for="">Image</label>
<input type="file" class="form-control" name="image" id="img">
<img src="#" id="imgPreview" alt="">
JS代码：
function readURL(input) {
浏览 15提问于2018-01-31得票数 0
回答已采纳
我想知道如何在我的图像预览上做selectedDraggable，我想做的是将"selectedDraggable“插入到图像预览中，这样我就可以删除我选择的任何图像，而不会删除预览容器中的所有图像。由于某些原因，我的代码不能工作，我无法单击X删除图像，请帮助谢谢
var inputLocalFont = document.getElementById("image-input");
inputLocalFont.addEventListener("change", previewImages, false);
function previewIm
浏览 7提问于2016-07-18得票数 0
回答已采纳
2回答
我正在使用来自这个的Ajax。我目前在创建重复预览图像方面实现了:一个出现在输入字段下，另一个出现在页面的其他地方，类似于“您选择的内容”。问题是，如果用户选择一个文件，该函数将显示图像，但如果用户改变主意并选择新图像，则yourCustomPreview将显示所选的新图像和旧图像。
有没有一种方法只是让最近的预览图片显示，而不出现旧的预览图片？如果不清楚，请查看源文件
upaderPreviewer.js-原始函数
<script>
function displayImage($previewDiv, imageUrl) {
var imageFilename = im
浏览 2提问于2012-07-25得票数 3
回答已采纳
2回答
这段代码在将图像拖入div-element之后将其添加到DOM中。
var showImage = function (ev) {
var file = ev.target.file;
var thumb = new Image(100,100);
thumb.src = ev.target.result;
thumb.className = 'thumbFoto';
thumb.title = file.name;
thumb.alt = file.name;
var anchor = document.create
浏览 3提问于2012-12-05得票数 2
3回答
编辑过的问题
我使用的是图像预览工具提示，它利用了rel属性，因此对于颜色盒，我使用class=“幻灯片”将图像分组在一起。我有这个工作很好，但我希望能够打开幻灯片从一个文本链接，如下所示。
(rel="medium.jpg“是用于图像预览的图像)
<div id='gallery'>
<a href='large.jpg' class="slideshow" rel='medium.jpg'><img src='small.jpg'/></a>
浏览 1提问于2010-06-28得票数 0
我试图连接一些JS，以便当特色图像上传框打开并选择图像时，我可以使用Vibrant.js来分析所选图像的颜色。我遇到的障碍是我找不到任何特定的事件来绑定我的函数。我看过关于wp.media()对象的各种教程，但它们似乎都涉及到完全替换上传框。在打开功能图像上传窗口并加载选定的缩略图预览图像时，是否没有直接的检测方法？
浏览 0提问于2015-09-17得票数 3
回答已采纳
我用电子创建了一个软件。我需要添加图像上传功能到它。上传的图片将存储在本地驱动器(D:// Drive)文件夹中，而且在预览时间，我需要访问同一个文件夹，所以我不知道这在电子中是可能的，如果是的话，我该如何做呢？
对于后端的另一件事，我使用nodejs，如果您对使用节点js是可能的，那么也可以告诉我，这样我也可以与节点js集成。我只需要将这些图像存储到本地驱动器中的一个特定文件夹中，并且我还可以从本地驱动器访问该图像以预览内容。
浏览 0提问于2020-08-06得票数 0
回答已采纳
目前，我无法在Pinterest Pin预览屏幕上显示隐藏在页面上的图像(带有display: none)。在我的页面中，"Pin It“按钮位于一个标准的旋转木马上，但我正在寻找旋转木马中的所有图像，以显示在Pin预览弹出上。
我的页面上包含的脚本如下：
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#username=xa-USERNAMEINHERE"></script>
<a class="a
浏览 3提问于2014-02-25得票数 0
回答已采纳
2回答
我有上传文件按钮，从那里我可以上传图像，文档，pdf文件和优秀。我想显示这些选定文件的预览。
我能够显示预览的图像和PDF文件，但不了解如何显示预览如果文件是文档或excel文件。
这是我用于显示文件预览的通用代码。
HTML代码是：
<input type="file" name="medical_doc" multiple="multiple" onchange="PreviewDocument('wildlife');" id="preview_animal_doc_wildlife"&
浏览 1提问于2018-10-08得票数 3
1回答
我想上传一个图像，但首先我想看到图像的预览，然后当用户点击另一个asp:button，保存图像。
对于预览部分，我使用以下代码：
<script src="//code.jquery.com/jquery.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script>
jQuery(document).ready(function ($) {
浏览 2提问于2015-06-01得票数 3
3回答
我有一个上传按钮，我希望用户能够预览图像之前，单击“保存”。我有过
<input type="file" accept="image/*" id="avatarInput" onchange="PreviewImage();"/>
作为我的HTML和我的JS：
function PreviewImage() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElement
浏览 3提问于2015-04-20得票数 5
为什么Next.js Image组件没有在Chrome选项卡的文档预览中显示图像？
为什么？我担心，如果这影响网站的搜索引擎优化。
我正在使用此代码，但已经尝试了其他格式，服务器端呈现的所有内容：
<Image
src={dynamiImgSrc}
alt={dynamicImgAlt}
width={1}
height={1}
layout="responsive"
objectFit="cover"
/>
Chrome预览选项卡：
浏览 1提问于2022-01-14得票数 2
1回答
我的HTML中有一个用来发送文件的字段。当用户选择图像时，他们得到他们将要上传的图像的预览(js)。当这个预览脚本被激活时，php post不会发送任何数据(用var_dump($_FILES)验证过的$_FILES )。
下面是JS：
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#preview')
浏览 1提问于2012-10-05得票数 1
4回答
我在上传之前做了一个预览图片的Demo，如下所示。
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#preview').attr('src', e.target.result).show();
}
reader.readAsDataURL
浏览 0提问于2017-11-10得票数 1
1回答
我想让用户上传他的照片。
在他从本地计算机上选择图片后，我的最终目标是保存该图像的某些特定大小(矩形)的缩略图。为了保持纵横比，我必须提示用户裁剪该图像，然后我将为其创建缩略图。
为此，我想到了一种方法，首先上传图像，然后预览给用户
然后我会使用外部插件(我猜是jcrop)来裁剪图像。
然后最后将其发送到服务器。
我在预览图像时遇到了问题。一些消息来源表明。
<input type="file" onclick="preview(this)" >
使用JS：
function preview()
{
alert(this.value);
//co
浏览 1提问于2011-10-28得票数 0
回答已采纳
1回答
HTML
对于预览结果，我有以下HTML代码
<div class="gallery"></div>
JS
这个javascript代码函数是做多个图像预览。
但我不知道怎么做代码删除每一张照片预览
$(function() {
var imagesPreview = function(input, placeToInsertImagePreview) {
if (input.files) {
var filesAmount = input.files.length;
for (i = 0; i
浏览 1提问于2020-01-30得票数 0
回答已采纳
我正在使用C#中的QR库来生成QR代码，这些代码将转到一个带有查询字符串中的令牌的URL。
目前，我可以打印预览所有的QR代码，但没有一个令牌显示在它下面。
当我单击“打印预览”按钮时，我需要在QR图像下面显示一个字符串和一个令牌代码。这将获取所有QR代码图像并在“打印预览”窗口中显示它们。
Preview按钮将获取生成的所有令牌，将它们附加到链接中，最后为发送到base64打印方法的QR生成JavaScript字符串。
我使用的是打印JS：
下面是下面使用以下代码的JavaScript方法(多重图像模式)：
function printAllQRCodesForProduct(ba
浏览 3提问于2021-08-04得票数 0
回答已采纳
1回答
因此，我已经管理了图像预览，用户现在可以选择一个文件并在上传之前预览它：
makeapost.php
<input type="text" id="thetitle" name="title" placeholder="Title">
<input type="text" id="imagepath" name="imagepath" hidden>
<input type="file" name="file
浏览 5提问于2022-06-05得票数 2
客户端可以在上传之前预览，但上传后无法将其视为本地语言文件名。
所以我想在上传图片之前重命名文件名，因为它可以在上传之前和之后预览。
参考
How to provide alternative file names:
The name property of File objects is read only, but an alternative name can be provided as uploadName property for each individual file:
$('#fileupload').fileupload({
add: fun
浏览 2提问于2018-04-22得票数 0
1回答
我是使用javascript和html的新手。
我一直在学习一个教程，它涉及从Paperjs代码库加载文件。我正在尝试加载一个js文件，其中包含用于在网页上放置图像的函数和对象。
每当我尝试加载“Pap-Ful.js”文件时，我都会在控制台中得到一个404错误，尽管这个文件与调用它的"index.html“文件位于同一个位置。预览页还将本地主机IP地址作为页面的标题，而不是文件名。
本教程本部分的目标仅仅是在预览页面上放置0,0的图像。
任何关于错误可能发生在哪里的想法都会受到极大的赞赏。
这是index.html文件
<!DOCTYPE html>
<htm
浏览 2提问于2018-06-06得票数 0
回答已采纳
1回答
当我在没有上传的情况下输入2张图片到预览时，它显示的很好。当我选择其他文件时，问题就出现了。它们将被添加到预览中，而不是被删除。基本上现在只有新的2个图像将被上传，但在预览中，他看到4个图像。当他输入新图像时，我如何删除旧图像。 我认为If语句会对这种情况有所帮助，但我不确定如何编写它。 这是我的JS预览： $(function() {
// Multiple images preview in browser
var imagesPreview = function(input, placeToInsertImagePreview) {
if ('
浏览 22提问于2019-02-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
