1回答
使用载波上传Rails图像
、、、、
我成功地为用户模型创建了一个表单，在那里我可以用载波上传图像。这与提交按钮配合使用效果很好。
一切都很好，但我想通过jquery文件上传或类似的东西来改善这一点。所以我的想象是，我将点击file_upload按钮，然后选择文件，然后它将预览缩略图的图像。
我试着关注railcast #381，但当我上传图片时，页面刷新后会出现预览。使用js response和json哪个更好？有没有更好的ajax图片上传方式？感谢您的建议
浏览 1提问于2015-04-03得票数 1
如何显示图片拇指从输入类型文件没有上传，或与我需要创建文件预览，当用户选择文件在输入type=file，我发现，ajax不支持文件上传，所以-也许可以显示拇指_without_actual_upload_在js？Jquery/简单的js
浏览 2提问于2010-08-19得票数 3
我有一个问题，图片上传，你可以看到演示。我有简单的html
<input type="file" id="files" multiple>
<div class="preview"></div>
当用户选择要上传的图片时，他可以看到上传内容的预览。
我的js
$("#files").on("change", previewFiles);
function previewFiles() {
var preview = $('.preview');
浏览 2提问于2020-07-31得票数 0
回答已采纳
客户端可以在上传之前预览，但上传后无法将其视为本地语言文件名。
所以我想在上传图片之前重命名文件名，因为它可以在上传之前和之后预览。
参考
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
4回答
我们正在尝试上传图片到我们的网站。
我们点击“上传图像”按钮。
然后显示弹出框。
然后我们点击上传新图像按钮
在此之后，我们将从计算机中选择图像&显示消息图像上传的
我想用来显示上传的图像的预览，而不是像这个那样显示“图像上传”
显示消息“上传的图像”的代码
<input type="file" id="add_image_{{rand}}" class="newcustomimage" name="new_image" value="&#
浏览 9提问于2017-02-06得票数 18
回答已采纳
我从一个buildForm函数创建了一个自定义表单。在这个表单中，我想添加一个图像字段。
我可以通过以下代码做到这一点：
$form['main']['image'] = array(
'#type' => 'text_format',
'#title' => t('image'),
'#default_value' => array(10),
);
我可以上传图像并将其从表单中删除。然而，当我上传一张图片时，我没有这个预览。我的意思是，当我
浏览 24提问于2015-12-05得票数 4
我正在尝试使用的设计和上传图片的同时。我不知道我做得对不对。
整个网站是用Bootstrap设计的，并使用了Jasny fileupload插件。我选择使用Blueimp fileupload插件，因为它很灵活，我可以验证上传文件的类型和大小等等。
所以当我选择一张图片时，Blueimp文件上传在服务器上没有任何问题，但是Jasny文件上传没有移动。预览区域保持为空。缩略图不会出现在该区域中。“选择”按钮也不会改变为“更改”和“删除”按钮。
如果我注释这些行：
<script src="https://.../js/jquery.iframe-transport.js"&
浏览 33提问于2013-09-10得票数 0
1回答
我正在使用Cloudinary + 将图片上传到我的项目中。在我选择要上传的图片后，attachinary会创建上传图片的缩略图预览。问题是:有什么方法可以让这些缩略图预览的质量更高吗？缩略图的默认大小是75x75px，我可以控制吗？
谢谢!
浏览 0提问于2018-10-06得票数 0
我可以使用javascript fileReader读取上传的图片，但是如何在jquery中读取上传的图片，以便在上传之前预览图片？
浏览 1提问于2013-09-09得票数 14
我有写的代码，允许用户上传多个文件上传：
<asp:Image ID="image01" runat="server" Width="20%" onError="this.onerror=null;this.src='/resourceContent/resaleContent/altImage.png';"/>
<asp:FileUpload ID="image01_update" runat=
浏览 18提问于2017-07-04得票数 0
回答已采纳
具有带auto="true"参数的Primefaces 组件：
...
<p:fileUpload fileUploadListener="#{uploadFileBean.upload}" mode="advanced" auto="true"/>
...
当auto="true"时，图片上传后，图片预览消失。
有没有可能，上传的图像(文件)预览保留在列表中，就像它工作时，当auto="false"。
浏览 8提问于2012-10-06得票数 0
回答已采纳
2回答
在上传it.To之前，我试着预览一个图片，当用户上传图片时，我有一个会加载图片的图片。
通过单击预览图像，用户可以取消上传，而预览的图像将是disappear.However，如果用户已经选择了图像，然后在选择要上载的文件时单击“取消”(因为他改变了主意等)，以前选择的图像仍然会保留，不会消失。
是否要删除在这种情况下预览的图像？
HTML：
<input type='file' id='input1'>
<img id='imagepreview1'>
jQuery：
$(document).ready(function
浏览 4提问于2013-12-02得票数 1
回答已采纳
我正在使用新的FileReader应用程序接口在上传之前预览图像。这是使用DataURL完成的。但是，如果图像很大，那么DataURL可能会很大。这对我来说尤其是一个问题，因为用户可能会一次上传多张图片，而预览这些图片实际上会大大减慢我的浏览器速度，实际上还会导致chrome崩溃几次。
在上传之前，除了使用DataURL在客户端预览图像之外，还有什么替代方法吗？
浏览 4提问于2011-07-17得票数 4
回答已采纳
3回答
上传前预览图片？
、、
在将Is上传到服务器之前，有方法在html页面上预览图片吗？
我需要显示一个图片的预览，我仍然需要上传，只是为了显示有变化。我可能只是需要改变图像的来源。是否有任何我可以使用的现有技术/方法？
浏览 5提问于2013-12-17得票数 1
回答已采纳
就像建议的标题一样，我想实现两步的图片上传机制。
用户选择一个图片上传，并点击“上传”。一旦服务器接收到包含图片的请求，它将将图片保存在临时位置、磁盘或内存中，并在需要时将其调整为标准大小。然后，服务器为用户呈现一个新的响应，以预览上传的图片。
在预览图片后，用户需要单击"Save“来确认服务器。然后，服务器将图片从临时位置移动到永久位置，并更新DB中相应的条目。
实现这一点的好方法是什么？有哪些应用程序可以帮助我？谢谢。
浏览 2提问于2011-05-12得票数 0
2回答
我想用画布来预览图片，上传后图片应该是带有输入标签的预览 我已经尝试使用img标签，并使用img标签为画布制作img src，我也尝试使用onclick函数，但这不起作用 HTML <canvas id="canvasImg"></canvas>
<input type="file" id="fileInp"> JS const input = document.getElementById('fileInput');
const canvas = document.getElementByI
浏览 34提问于2019-09-23得票数 0
回答已采纳
我使用的是dropzone.js，当我将鼠标悬停在上传的图片预览上时，我想消除模糊效果。 您可以在示例中从dropzone的主页直接在网站上观察到此行为。https://www.dropzonejs.com/ 谢谢你们！
浏览 23提问于2018-12-28得票数 0
1回答
在上传时预览多幅图像
、、、
我试图创建一个产品上传表单，在其中我必须上传多个图像和显示预览。到目前为止，我可以上传一个图片，但不知道如何上传多个图像与预览。我正在通过表单数据上传表单。
HTML
浏览 2提问于2016-09-09得票数 1
1回答
我有一个简单的表单，其中有几个字段，如姓名，地址等和上传图像的两个字段，最后两个按钮，一个预览，另一个是最终提交。
我想让表单更加用户友好，这样当用户单击预览按钮时，我会显示一个小的prview，如果用户必须在他已经输入的字段中进行一些更改，我希望显示的表单回显用户输入的所有值。
对于文本字段，我只是在标记内使用这段PHP代码来回显名称
<input type="text" name="name" value="<?php echo (isset($_REQUEST['name']) ? $_REQUEST['name
浏览 1提问于2012-03-14得票数 0
1回答
使用Laravel 5.2，我正在编写一个上传表单，允许用户选择最多10个图片，显示他们的预览，然后让他对其进行排序，添加更多的图片，或者删除那些他不想上传的图片。
使用javascript可以很容易地完成预览的排序和删除，但除此之外，我很难找到如何正确地完成剩下的工作。我最初的想法是从输入中获取js文件数组，将其移动到另一个数组，并在用户与图像预览交互时使用该数组，图像预览将使用FileReader显示。
一旦他提交表单，我将创建一个FormData对象，删除输入中的当前文件，并添加所有有效的文件：
var formdata = new FormData(document.getElemen
浏览 1提问于2016-10-04得票数 4
回答已采纳
我用电子创建了一个软件。我需要添加图像上传功能到它。上传的图片将存储在本地驱动器(D:// Drive)文件夹中，而且在预览时间，我需要访问同一个文件夹，所以我不知道这在电子中是可能的，如果是的话，我该如何做呢？
对于后端的另一件事，我使用nodejs，如果您对使用节点js是可能的，那么也可以告诉我，这样我也可以与节点js集成。我只需要将这些图像存储到本地驱动器中的一个特定文件夹中，并且我还可以从本地驱动器访问该图像以预览内容。
浏览 0提问于2020-08-06得票数 0
回答已采纳
我正在使用指定的链接Uploading File using React上传文件，但它只接受图像，我必须上传的PDF的，也想预览上传的文件。 请帮助我上传图片，PDF格式和预览上传的文件。请让我知道是否有任何基于我的需求的库。 我是React.Please的新手，在这方面请帮助我，谢谢。
浏览 77提问于2020-12-30得票数 0
今天我用一个简单的按钮(id："imageUpload")上传一张图片来上传一个文件。Evthg运行得很完美。然后在"thumb1“中可以看到图片的拇指。
我想上传一张图片也通过点击div "preview1“。
下面是我尝试过的代码：
<input type="file" id="imageUpload">
<div class="preview1 slide" onclick="document.getElementById('imageUpload').click(
浏览 0提问于2016-03-25得票数 0
我正在使用上传图像插件来实现“拖放插入图像”功能。当我将图片放到编辑区域时，图片被上传到服务器，然后使用返回的url显示预览。
但是我需要在不上传到服务器的情况下在编辑区域显示图像预览。当我点击自定义提交按钮，我想保存整个内容，包括图像到服务器。
如果有人对此有什么想法，请告诉我。
提前谢谢。
湿婆
浏览 1提问于2016-04-18得票数 1
1回答
强制回调以重新加载文件
、、、、
我正在使用php和jQuery工具上传和裁剪图片。效果很好。但是我想在上传和裁剪图片后进行预览。我得到了预览，但这是在收获之前的图片。我想这张照片是从任何缓存里拍出来的。当我在服务器上检出真正的文件时，它会被裁剪。
您知道如何才能强制下面的函数真正从服务器获得新的文件吗？
这就是代码，在这里，我将url返回到预览表单中的div。
new ImgSelect( $('#imgselect_container'), {
cropComplete: function(image) {
$('.avatar').html('<img src
浏览 3提问于2015-04-08得票数 0
回答已采纳
我在前端使用WordPress媒体Uploader，允许用户为那里的UGC站点上传缩略图。我还展示了正面图像的预览。当用户单击该按钮时，打开用户上传图像，将其设置为Featured，我们很好。但是，图像预览仍然显示旧图像。
我有一个WordPress站点，基于用户生成的内容，人们可以通过前端表单创建帖子。
当用户使用Media Uploader在前端更新功能图像时，如何使用新图像更新预览？
下面是媒体Uploader的代码，用户使用它来上传特色图片
$uparms = '?post_id=' . $post_id;
$uparms
浏览 0提问于2020-05-06得票数 0
我在Chrome做了很多工作，做了很多模因类型的图片上传从Chrome为一个我管理的网页。经常，我无法在上传对话框中看到的图像预览上阅读文本。
由于我倾向于从对话框中选择我要上传的图片，这对我来说是一个严重的障碍。显然，我想要改变，也许使缩略图/预览面积两倍的大小，以便能见度更好。我该怎么做？
📷
浏览 0提问于2016-06-18得票数 4
1回答
我的表单中有三个图像上传字段。在上传之前，我正在尝试预览图片。到目前为止，我一次只能预览一个。但我正试着同时预览它们。喜欢
我现在是这样预览的。
function previewImages() {
var $preview = $('#preview').empty();
if (this.files) $.each(this.files, readAndPreview);
function readAndPreview(i, file) {
if (!/\.(jpe?g|png|gif)$/i.test(file.name)){
return alert(f
浏览 0提问于2018-10-29得票数 2
回答已采纳
嗨，我有dropzone js上传刚刚工作，但我需要添加我的边界到图片，我点击了dropzone Js的拇指预览。
我怎么能做到这一点？
我有这样的代码：
defaultButton.addEventListener("click", function(e) {
// Make sure the button click doesn't submit the form:
e.preventDefault();
e.stopPropagation();
// Remove the file
浏览 0提问于2016-04-16得票数 0
1回答
程序：
我有一个脚本，上传图片(通过hmtl-表单和php)的画廊，你可以在互联网上出售的东西。
上传的文件存储在某个临时文件夹中。如果客户支付在线发布对象的费用，则一个守护进程将获取这些图片并将其缩放到多个接口中，这将创建每个图像的大小调整副本，该副本由字母(o，l，s)和图像编号0、1、2、3…n标识，然后在目录中有如下内容
o_0.jpgo_1.jpgl_0.jpgl_1.jpgs0.jpgs1.jpg
问题是：
也有一个预览模式，您可以看到您的文章将如何在以后(付款后)查看。这里显示图像，即l_1.jpg和s_1.jpg shell (在几个接口中，即缩略图中)。它们可以通过html进
浏览 2提问于2010-07-30得票数 0
回答已采纳
3回答
我正在尝试建立一个上传图片系统:当上传100%完成时，使用ajax，用户可以看到图片的预览。最后，他可以选择是否保存图片。我的问题是:在任何情况下，如果他选择或不保存图片，图片将已经上传。如果用户正在更改当前的url或正在关闭当前页面，那么删除图片的最佳方法是什么？
浏览 5提问于2013-07-16得票数 1
回答已采纳
为了实现图像上传到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
回答已采纳
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
我正在尝试上传图片，并逐一预览，但它取代了最后一张图片。我想不断添加越来越多的图像，但只有最后一个图像显示在接收到的$_FILES数组中 将所有上传的图像保存在表单中，并保持预览。 我的代码 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="index.php" method="post" enctype="multipart/form-data
浏览 11提问于2020-06-28得票数 0
回答已采纳
我有一个问题，图片上传，你可以看到演示。我有一个简单的html：
<input type="file" id="files" multiple>
<div class="preview"></div>
当用户选择要上传的图片时，他可以看到上传内容的预览。
我的问题是，当用户选择了大量的图像，预览的顺序将是不正确的，因为图像可能有不同的大小等等，这就是为什么顺序是不正确的。
所以我尝试了promises和await。但我还是不能一个一个地解决每一个承诺。
我的js：
$("#files").on(
浏览 5提问于2020-07-31得票数 0
回答已采纳
2回答
我有一个网页，将允许用户上传他们的图片，将作为他们的个人资料图片。我有这样的代码：
<form method = "post" action = "" enctype="multipart/form-data">
<input type = "hidden" name = "size" value = "1000000">
<input type = "file" name = "image">
<in
浏览 3提问于2017-04-01得票数 1
3回答
上传后隐藏div背景图像
、、、、
也许这是个简单的问题，但我真的不知道如何解决。所以我有一个表单，除了其他字段外，还有一张图片。用户可以上传图片。
在上传图片字段中，我有一个div，它将预览上传的图片。这个div有一个背景图像。
我希望当用户上传一张图片，背景图像隐藏或消失。在目前的状态下，如果用户上传的图片比我的背景图像小，div将显示两个图片，用户的图片在背景前面。
我也想调整大小的div大小上传的图片，但上传之前，div必须包含背景图片。
浏览 2提问于2013-11-24得票数 0
回答已采纳
1回答
如何在预览图像上叠加图像
、、、
上传后我找到了预览图像
从…
我对它进行了测试并取得了成功。
然后我想要覆盖预览文本图像
如果上传上面的图片。
和叠加底面图像
我用背景重复属性对这幅图像进行处理
浏览 2提问于2014-12-10得票数 0
回答已采纳
我用django做了一个网站。我想让人们在我的网站.so创建组，我使用超文本标记语言的形式，让他们填写信息，并上传一个图像作为组的标志。由于我想让人们预览logo，所以我先用ajax上传图片文件。i在页面中添加了2个按钮，button1是用ajax方式上传图片文件，button2是用来把整个表单上传到服务器.for的ajax上传图片，我用这个插件 ok这里是代码
<!doctype html>
<html>
<head>
<script src="jquery-1.10.2.min.js"></script>
<
浏览 0提问于2014-03-11得票数 1
我上传了一些图片文件到上传文件夹，并设置了帖子的特色图片。但当我以管理员身份登录并编辑特色图像时，媒体窗口仅显示图标，未显示预览
浏览 0提问于2016-03-21得票数 0
我想为每个预览元素附加一个单选按钮，比如默认或主要的照片功能。我如何在不接触dropzone.js代码的情况下做到这一点，以及如何在没有新上传的文件的情况下发布dropzone窗体，例如，dropzone窗体显示来自服务器的文件，而我只想勾选默认图片。
浏览 2提问于2013-09-27得票数 3
1回答
我有一个系统，用户可以上传封面照片到播放列表。播放列表模型如下：
class Playlist(models.Model):
.
.
image = models.ImageField(upload_to='media/playlistimages')
.
.
上传机制如下:用户选择一张照片，我将其上传到一个临时模型，并显示给用户。如果用户选择保存照片，我继续保存图像。预览图像保存在不同的模型中。
class PreviewImage(models.Model):
.
.
image = models.ImageF
浏览 1提问于2014-12-08得票数 0
回答已采纳
我正在用世博会相机API拍照-- //CameraScreen.js
capture = async () => {
if(this.camera){
this.camera.takePictureAsync()
.then( (data) => {
console.log(data)
this.props.navigation.navigate("PreviewScan", {data: data})
})
}
} 一旦我拍摄了照片，我想导航到另一个屏幕，在那里我可以预览图
浏览 12提问于2019-04-19得票数 0
2回答
我是一个网站，允许用户上传一张图片，然后得到EXIF信息以用户友好的方式显示。
我也想为用户提供一个选项，让他们能够在网上分享他们的图片。
目前，我已经有JavaScript的图像预览充分发挥作用，我选择一个图像在一个表单上，它出现在网站上.
我也有上传部分的代码也工作(PHP)。图像被上传到文件夹中，相应图像的名称和路径被上传到MySQL数据库。
问题是..。我希望这个过程以这样的方式发生：
用户选择图片工作。
该图片显示为预览工作。
用户按下上传按钮(如果他愿意)-工作
图像被上传到定义的文件夹以及数据库工作的名称和路径。
网站停留在同一个页面上，图像预览仍然在那里.-
浏览 0提问于2019-06-07得票数 2
回答已采纳
1回答
我使用html中的一个输入来逐个或多个地选择和上传图像。
我想在上传图片之前显示预览，我使用的是js FileReader。它只适用于一个图像，而不适用于多个图像。
$('#fileToUpload').change(function(){
var file = this.files;
filepreview(file);
});
function filepreview(files)
{
var length = files.length;
for(var i=0 ; i<length ; i++)
{
浏览 16提问于2017-07-11得票数 1
回答已采纳
2回答
我正在使用一个旧的项目，我可以上传许多图片，但这一个，我只需要一个。上传时，我应该看看上传了什么(预览)。当我第一次上传的时候，我看到了图像。如果上传了不同的图片，我仍然会看到第一张图片。我不想那样，我需要预览最后上传的图片。
JavaScript:
$('.receipt.upload').on('change', function(e) {
let id = e.target.id;
let files = e.target.files;
let image = files[0];
let reader = new FileReader();
浏览 6提问于2016-11-05得票数 0
回答已采纳
1回答
我有TYPO3 10，并希望呈现特定尺寸的图像。我有一个只包含图像的content元素，这些图片是用维度495 are x 331 are呈现的。我怎么才能改变呢？我上传了一张更大的原始图片。预览图像总是在这些维度中。如果我点击图片放大它，它会显示一个更大的图片。
content元素是一个只有两列的图片元素。当我设置一列时，预览图片会更大。TYPO3是如何计算图片的尺寸的？
浏览 5提问于2021-03-20得票数 1
回答已采纳
当我上传图片的时候，我可以预览它，但是一旦它被上传了，它在post中就被破坏了，我不得不去目录和安全处添加网络服务--访问图片的权限。
怎么解决这个问题？这是个虫子吗？
浏览 0提问于2011-03-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
