客户端可以在上传之前预览，但上传后无法将其视为本地语言文件名。
所以我想在上传图片之前重命名文件名，因为它可以在上传之前和之后预览。
参考
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
如何显示图片拇指从输入类型文件没有上传，或与我需要创建文件预览，当用户选择文件在输入type=file，我发现，ajax不支持文件上传，所以-也许可以显示拇指_without_actual_upload_在js？Jquery/简单的js
浏览 2提问于2010-08-19得票数 3
我正在使用vue.js & element-ui上传文件和预览文件。我想预览文件(.pdf/.docx/.jpg...)在上传到服务器之前。 <el-upload
ref="uploadFile"
:on-change="onUploadChange"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRe
浏览 66提问于2019-05-27得票数 3
我可以上传BMP图像文件在我的rails应用程序使用Blueimp jQuery文件上传rails。但是我不能只预览BMP文件。如何解决这个问题？
，但在dropzone.js中，它们使用画布数据显示图像。
我想在上传之前预览bmp图像。就连我都找到了用两种方法转换BMP文件的方法，
var dataUrl = canvas.toDataURL()
现在的问题是，我无法在bluimp中找到相应的回调方法。我正在使用宝石。
有人解决了这个问题吗？
浏览 2提问于2015-01-03得票数 4
回答已采纳
如何使用js将上传的预览文件移动到其他文件夹。以下是代码片段：
refer above snippet
浏览 2提问于2017-04-26得票数 0
我正在开发一个应用程序，在这个应用程序中，用户可以上传文件，应用程序可以使用pdf.js预览上传的文件。服务器端代码是：
byte[] content= new BASE64Decoder().decodeBuffer(documentVO.getDocument());
outPutStream.write(content, 0, content.length);
responseReturn.setContentType("application/pdf");
问题是有些.tiff文件没有显示预览，下面
浏览 1提问于2014-11-26得票数 3
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回答
使用载波上传Rails图像
、、、、
我成功地为用户模型创建了一个表单，在那里我可以用载波上传图像。这与提交按钮配合使用效果很好。
一切都很好，但我想通过jquery文件上传或类似的东西来改善这一点。所以我的想象是，我将点击file_upload按钮，然后选择文件，然后它将预览缩略图的图像。
我试着关注railcast #381，但当我上传图片时，页面刷新后会出现预览。使用js response和json哪个更好？有没有更好的ajax图片上传方式？感谢您的建议
浏览 1提问于2015-04-03得票数 1
1回答
我正在尝试在我的MVC项目中通过dropzone.js上传多个文件。文件上传成功，但问题是:上传文件后，页面重置，我看不到结果。我几乎搜索了这个网站和其他例子中所有相关的主题。我看到人们想要了解如何刷新页面:)，但我想在上传后停止页面。结果预览很快就会消失。谢谢你的帮助。
浏览 25提问于2018-08-29得票数 0
1回答
我正在用一些文件管理组件来增强我们的客户端数据库(php 5.6，js)。
如果一个人上传了一个文件，它会显示在一个列表中，上面有文件的名称和路径文件的链接，可以在浏览器中预览(PDF和IMG可以很好地打开)，然而，如果有人决定他需要上传一个.msg文件，浏览器预览的文件就会变得一团糟，根本无法阅读。
有没有办法用outlook自动打开.msg链接，或者在浏览器中正确显示？
浏览 5提问于2015-07-02得票数 0
我正在尝试使用的设计和上传图片的同时。我不知道我做得对不对。
整个网站是用Bootstrap设计的，并使用了Jasny fileupload插件。我选择使用Blueimp fileupload插件，因为它很灵活，我可以验证上传文件的类型和大小等等。
所以当我选择一张图片时，Blueimp文件上传在服务器上没有任何问题，但是Jasny文件上传没有移动。预览区域保持为空。缩略图不会出现在该区域中。“选择”按钮也不会改变为“更改”和“删除”按钮。
如果我注释这些行：
<script src="https://.../js/jquery.iframe-transport.js"&
浏览 33提问于2013-09-10得票数 0
1回答
在express.js应用程序中，我有一个包含一些字段的表单，其中一个是上传图像字段。
当用户浏览他的图像文件并选择一个时，我想在表单提交之前在一个“预览块”中显示这个文件。
我认为这些行动是：
单击“浏览”按钮
选择一个文件
文件已被选中=>上传、重命名、调整大小、裁剪并存储在/tmp目录中。
在预览块中显示新文件
表单验证=>将重命名的文件移动到适当的app目录中。
我正在寻找实现这一过程的最佳方法。
浏览 2提问于2014-12-24得票数 0
回答已采纳
我用电子创建了一个软件。我需要添加图像上传功能到它。上传的图片将存储在本地驱动器(D:// Drive)文件夹中，而且在预览时间，我需要访问同一个文件夹，所以我不知道这在电子中是可能的，如果是的话，我该如何做呢？
对于后端的另一件事，我使用nodejs，如果您对使用节点js是可能的，那么也可以告诉我，这样我也可以与节点js集成。我只需要将这些图像存储到本地驱动器中的一个特定文件夹中，并且我还可以从本地驱动器访问该图像以预览内容。
浏览 0提问于2020-08-06得票数 0
回答已采纳
1回答
有什么方法可以预览vue.js中的docx文件吗？
Docx文件由带有input标记的type="file"上传。
我尝试过使用 npm，但是它需要在线url的url，而不是本地url。
浏览 3提问于2021-04-04得票数 2
回答已采纳
1回答
如何实时预览一组文件？
、、、、
我想建立一个像这样的简单的在线编辑器。有人知道如何在上传几个文件(.html、.css、.js、.json)后完成实时预览吗？
以JSBin为例，只有1个html文本，1个css文本和1个js文本，所以很简单:我们只需要从这些文本构建一个完整的html文件并使用。
然而，像plunker，brackets，vscode这样的编辑器如何做实时预览呢？他们是自己构建一个完整的文件，还是使用一些第三方工具？
浏览 22提问于2017-02-09得票数 1
回答已采纳
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
我正在使用"UPLOADIFY“网站的脚本上传文件，图像上传成功，但现在我想在我的UI页面上预览图像，我已经编写了一些脚本(转换为Base 64加密的代码)来预览图像。这两个功能单独工作都很好，但我无法逐个执行这两个功能。这是我用过的代码，请帮帮我。
$(document).ready(function() {
$('#file_upload').uploadify({
'uploader' : '/js/uploadify/uploadify.swf',
'script' : 'ind
浏览 0提问于2011-09-27得票数 0
我的意思是，当用户从他们的系统中选择视频文件时，让网页已经向他们显示了他们想要上传的文件。
我已经在用FileAPI JS预览图像文件了。对于视频文件，我也想用FileAPI JS做同样的事情。
(因此，它必须在我的客户端中工作)
感谢&感谢您的回答:)
浏览 2提问于2013-01-25得票数 3
回答已采纳
1回答
无法自定义引导文件输入
、、、
我正在尝试在中实现引导文件输入表单asp.net。
下面是我的.aspc文件代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<script src="Scripts/bootstrap.min.js"></script>
浏览 2提问于2016-12-13得票数 0
回答已采纳
一旦上传，文件的缩略图就会出现，因为最终只会上传gif，我如何让实际的gif显示在预览中，而不是png缩略图？我在别处看到过，但我认为需要编辑dropzone.js，有人在这里做过吗?可以告诉我怎么做吗？
谢谢！！
浏览 0提问于2014-10-16得票数 1
1回答
在上传之前，我很难弄清楚如何预览文件缩略图，就像这样。因此，当我使用文件选择器浏览一个文件并选择我想要上传的文件时，它将显示其相应的预览，如.txt、.csv、.xls或xlsx等。有什么方法可以做到这一点吗？简单的方法或复杂的方法可能有效。我怎样才能实现这样的目标？
html文件
<form id="form1" runat="server">
<input type='file' id="imgInp" />
<img id="blah" src="#
浏览 4提问于2015-03-12得票数 1
回答已采纳
我正试图上传“应用预览”的每一个大小的设备上的国贸中心(iTunes连接)，我会抓狂。我真的需要你们的帮助伙计们。
正如苹果要求的那样，我使用El Capitan下的Safari 9.1.2将我的视频上传到ITC上(2016年，使用HTML5 5/JS，强迫使用Safari上传视频的人没有任何意义.无论如何)。
当然，在这一步之前，我阅读了，并通过尊重它们的规范(大小、fps、编解码器等)导出了所有的视频。
一个月前，由于越来越多的设备和屏幕大小(变得难以管理)，苹果决定简化ITC的“预览和捕捉”部分。顺便提一句，(理论上)好主意。
所以我为每个设备录制了我的应用程序的一个视频预览，并开始在每
浏览 5提问于2016-08-31得票数 5
我正在创建一个网页来测试一些功能。
我使用<input type="file">请求用户上传一个文件。我想知道文件存储在哪里，在加载文件之后，在用户单击submit按钮之前以什么格式存储？它会暂时复制整个文件吗？
如果我在没有JS帮助的情况下上传了一个图像，那么在html 5中是否有预览图像的方法？
提前谢谢你！
浏览 2提问于2016-11-11得票数 1
回答已采纳
2回答
上传后的文件预览
我有一个要求，用户可以预览，放大和缩小和下载文件后，当文件被上传。
支持的文件类型有多种：.pdf、.xlsx、.doc、.rar、.jpeg、.png等等。
我想要的功能，如outlook，jira和谷歌驱动器，用户可以上传文件，上传后，他们可以预览在一个大型弹出窗口，他们可以打开视频音频，可以播放，停止和下载以及。如果有任何.pdf、.xlsx、.doc，那么就可以在一个新的选项卡中预览和打开并下载。
在javascript或either中有我可以实现的库吗？
有人能建议我吗？
提前谢谢。
浏览 3提问于2021-06-10得票数 0
1回答
Wicket文件上传带有预览
、、、、
我正在使用Wicket1.7，我想实现一个文件上传cmponent (上传图像)与预览。我在网上搜索并阅读了几个解决方案，但我不太清楚如何做到这一点。
是否必须提交表格才能获得预览？是否可以只提交文件上传表单，而不提交整个表单？
是否可以在不添加预览按钮的情况下提交表单，并在文件上传时简单地添加Ajax行为？
谢谢你的帮助。我是新进入邪恶世界的。
浏览 2提问于2017-10-30得票数 1
回答已采纳
我正在使用指定的链接Uploading File using React上传文件，但它只接受图像，我必须上传的PDF的，也想预览上传的文件。 请帮助我上传图片，PDF格式和预览上传的文件。请让我知道是否有任何基于我的需求的库。 我是React.Please的新手，在这方面请帮助我，谢谢。
浏览 77提问于2020-12-30得票数 0
1回答
我想添加图像上传功能，并在上传文件之前，它应该显示预览。我的代码对第一部分的工作非常好，如下图所示，但无法解释为什么它不能用于该部分的其余部分。我在每个块的末尾添加了图像上传功能，但它只显示了第一个块的预览，而不是其他块的预览。
这是相同的代码。
while($row = mysqli_fetch_array($result)){
<form enctype="multipart/form-data" id="form" action="" method="post">
<input ty
浏览 2提问于2015-07-24得票数 0
回答已采纳
2回答
我目前在一个网站上工作，将使用户上传某些类型的文件。上传文件后，我需要以图像格式生成文件内容的预览。
例如，如果有人要上传包含某种信件(例如缺勤信件)的.doc文件，则需要生成信件的预览图像。
我需要上传和生成预览的一些文件包括，但不限于：.doc(x)，.jpg，.ppt(x)，.xls(x)，.html，.psd。
这可以用PHP实现吗？
如果没有，那么从哪里开始开发这个功能作为PHP的扩展呢?可以用什么语言来实现呢？
浏览 3提问于2011-07-03得票数 1
回答已采纳
我尝试在我的项目中使用dropzone.js。我根据这个很好地实现了它。我非常恼火，因为在拖放之后，文件会被上传，但是页面会被刷新，预览图像也会消失。有没有人遇到过这个问题？
浏览 18提问于2017-07-07得票数 0
我试图预览用户选择的照片tp上传之前，他们实际上传。到目前为止，我有一张照片被预览，我如何允许所有的预览
这里有输入字段，使用multiple关键字可以选择多个文件。接下来，我有一个照片预览窗格，后面跟着一个jQuery脚本，当选择一个文件时，它会呈现一个预览。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style>
img {
width: 200px;
height: auto;
}
</style&g
浏览 0提问于2018-02-20得票数 1
回答已采纳
我已经发送文件通过formData JS来表达。在那里，我使用了Buffer.from(JSON.stringify(uploadedFile))，并通过猫鼬驱动程序将其存储到mongo中；为了将它发送回客户端，我使用了uploadedFile.toString("utf8")；现在，在前端，我有了文件，但不知道如何访问它或显示预览。因为它不是本地的，所以我不能使用URL.createObjeclUrl预览它。
在特快专递上，我使用了特快强大的软件包进行数据上传。
浏览 5提问于2022-04-12得票数 0
1回答
使用Laravel 5.2，我正在编写一个上传表单，允许用户选择最多10个图片，显示他们的预览，然后让他对其进行排序，添加更多的图片，或者删除那些他不想上传的图片。
使用javascript可以很容易地完成预览的排序和删除，但除此之外，我很难找到如何正确地完成剩下的工作。我最初的想法是从输入中获取js文件数组，将其移动到另一个数组，并在用户与图像预览交互时使用该数组，图像预览将使用FileReader显示。
一旦他提交表单，我将创建一个FormData对象，删除输入中的当前文件，并添加所有有效的文件：
var formdata = new FormData(document.getElemen
浏览 1提问于2016-10-04得票数 4
回答已采纳
2回答
我的多部分表单的流程基本上是应答表、->预览表、->上传到数据库。
现在，我在预览步骤中上传我的文件，因为POST数据是从实际表单中新鲜出来的。我的问题是在上传到数据库函数中访问$_FILES一次，因为var_dump($_FILES)在upload_to_database()中一次返回array(0) {}。
我想在预览步骤中实际制作隐藏的input[type=file]，这样我的upload_to_database()就可以接收$_FILES，但是由于安全原因，这是不可能的。
我该怎么解决这个问题？
编辑
对不起，上面的帖子含糊不清。
实际上，我想在upload_to_data
浏览 5提问于2013-02-28得票数 1
回答已采纳
我正在使用blueimp的jquery文件-上传成功的角与一个java后端。它通过对每个文件的POST调用正确地上传。当选择一个文件时，jquery.fileupload-image.js的内置缩略图预览会出现，但在完成时会消失。
我无法在我的服务器上存储我自己生成的缩略图，所以我想知道我是否可以直接注入这些预览。我该怎么展示这些预览呢？
前端(内纳克-重复)：
<td data-ng-switch data-on="!!file.thumbnailURL">
<div class="preview" data-ng
浏览 0提问于2016-08-23得票数 0
回答已采纳
1回答
在尝试通过预览获得多个文件选择输入，但发现IE不支持它之后，我改变了对多个文件上传的方式。
现在我有多个单文件输入，每个文件都有自己的“预览”div。每个选择和预览div的id被链接(输入select id ="file1"，预览div id="previews_file1")等等。
我使用此代码预览选定的图像：
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload =
浏览 1提问于2013-02-10得票数 1
回答已采纳
1回答
我有多个文件输入。我在里面选择了五个文件。我可以删除这个输入的一个或两个文件并上传吗？
HTML:
<input type="file" id="files" name="files[]" multiple="multiple" />
JS的一部分：
function handleFileDelete() {
$(".thumb").on("click", function(){
$(this).detach();
})
}
我可以删除预览，但是如何在输
浏览 3提问于2013-10-02得票数 2
回答已采纳
我的多部分表单的流程基本上是应答表、->预览表、->上传到数据库。
现在，我在预览步骤中上传我的文件，因为POST数据是从实际表单中新鲜出来的。我的问题是在上传到数据库函数中访问$_FILES一次，因为var_dump($_FILES)在upload_to_database()中一次返回array(0) {}。
我想在upload_to_database() 函数中进行文件上传，而不是在预览步骤.中进行。
我想在预览步骤中实际制作隐藏的input[type=file]，这样我的upload_to_database()就可以接收$_FILES，但是由于安全原因，这是不可能的。
如何获
浏览 2提问于2013-02-28得票数 0
我目前正在创建一个聊天应用程序，在两个用户之间上传文件，是否有任何方式显示预览，或者当文件上传时显示文件预览，而不是在react中显示url ?
浏览 5提问于2020-07-23得票数 1
我使用FilePond显示以前上传的带有load功能的图像。文件是可见的，但我没有预览(当我上传一个文件)。
是否可以通过load显示文件预览
files: [{
source: " . $profile->profileImage->id . ",
options: {
type: 'local',
}
}],
浏览 7提问于2019-09-24得票数 6
1回答
如何停止加载已在预览中列出的文件的预览？显然，这只是在完全相同的文件选择上传预览时才起作用，但是如果没有几个新的文件，它就会上传所有的文件，如果它们已经存在的话。
这是我的代码：
// var url = window.URL || window.webkitURL; // alternate use
function readImage(file) {
var reader = new FileReader();
var image = new Image();
reader.readAsDataURL(file);
reader.onload = function(
浏览 2提问于2020-02-02得票数 0
回答已采纳
我在JQuery中使用这个插件来上传文件：
虽然上传PDF文件预览显示成功，但当iam在上传文件后查看文件时，它显示PDF文件的空白页面，但它显示图像预览。
var ticketFileAttahmentName= 'Karthik_B.TEch_Certificate2017-10-16 09:38:06.463.Karthik_B.TEch_Certificate.pdf';
var src="/atriticketing/files/" + ticketFileAttahmentName;
$("#testing").fileinput
浏览 1提问于2017-10-16得票数 0
我已经用托管的noflo设置了一个Noflo Node.js运行时。有任何方法可以在与Node.js运行时相同的图形中运行客户端模块吗？我需要上传一个图像文件，发送到服务器，然后发送回来，并显示在预览窗口。非常感谢您的任何投入！
浏览 3提问于2014-07-24得票数 0
回答已采纳
1回答
我正在使用dropzone.js将文件上传到我的服务器。这就是文件的样子：
<div id="full_site">
<form id="uploadFile" method="post" name="uploadFile" action="upload.php"
class="dropzone needsclick dz-clickable full-height">
<span id="tmp-path"&
浏览 21提问于2016-04-12得票数 2
3回答
我正在尝试用bootstrap进行文件上传，但我不知道我在做什么，有人能告诉我如何做到这一点以及如何获得上传的图像预览，因为文件上传是为了将图像上传到我的网站上。以下是我到目前为止在HTML中所做的工作。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/j
浏览 0提问于2015-12-09得票数 6
我正在使用ng文件上传将图像上传到我的web服务器。
一旦用户选择了我在旋转木马中显示的文件，用户就可以手动将它们上传到服务器(通过提交按钮)。
有些图像没有显示在旋转木马上。所述图像仍被上传到服务器上，并显示在前端，也就是说，预览中未显示的图像正在上传并显示在图像库中(您可以看到图像)。
对于图像的ng文件上传输出的模型存在差异，在预览中成功显示的图像包含了人们预期的内容：
{
"$ngfBlobUrl": "blob:http%3A//localhost%3A4567/50df9cf5-1962-4903-8c82-02c847aadd16",
"
浏览 5提问于2016-04-28得票数 0
回答已采纳
1回答
我已经在我的个人项目中安装了TinyMCE (TinyMCE开发包5.0.6)。一切都已正确安装和配置，但此程序包中没有可用的文件管理器。为了解决这个缺陷，我尝试安装了ResponsiveFileManager (RFM)，但它就是不能工作。当我单击RFM的图标时，控制台中出现错误： plugin.js:84 Uncaught TypeError: editor.windowManager.openUrl is not a function
at Object.openmanager [as onAction] (plugin.js:84)
at theme.js:21482
浏览 89提问于2019-05-29得票数 0
在采取任何操作之前，可以预览输入字段中选择的文件吗？
例如。我会上传一个文本文件，所以我会选择它，然后在我点击上传按钮，我想预览文本文件在表格或类似的东西。
浏览 2提问于2016-01-08得票数 0
回答已采纳
28回答
上传前预览图片
、、
我希望能够在上传之前预览文件(图像)。预览操作应该全部在浏览器中执行，而不使用Ajax上传图像。
我该怎么做呢？
浏览 2提问于2010-12-16得票数 1888
回答已采纳
1回答
我上传图像文件，并预览它在反应下拉区域。但是，上传后，文件将成功上载(我可以在控制台中看到)，但有时会预览图像文件，有时同一个图像文件会出现错误，如下所示：
GET blob: net::ERR_FILE_NOT_FOUND
浏览 18提问于2022-06-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
