Tag: filereader

图像被裁剪时，'Filereader'不会改变'reader'值，为什么？

我使用“FileReader”从input框中的原始图像中检索数据，但当裁切图像时，我无法获得新的读取器值。 所以当我在亚马逊上传时，我仍然有原始图像。 当我裁剪图像时，如何获得新的读者价值？ JavaScript代码： require(['cropper']); $('body').on('change', '#image-of-shop', function(e) { e.preventDefault(); var overlay = $('<div class="page-overlay image-crop"></div>'), content = $('<div class="image-wrap"></div>'); content.append('<a href="#" class="close-static" data-event="close-crop"></a>'); var files = e.target.files; var f = files[0]; fileName = f.name; var reader = new FileReader(); reader.onload = function(theFile) { return function(e) { content.append('<img id="cropper" src="' + e.target.result + '" />'); […]

如何使用javascript或Nodejs读取目录中的所有文件？

项目简介 – 我真的很恼火的低劣的Windows 10照片查看器，我已经卸载它使用PowerShell的。 现在我想创build我自己的imageviewer用户 点击桌面/电脑上的图像查看 然后使用箭头键浏览像旧的Windows图像查看器坐在同一目录中的图像的其余部分。 基本上，应用程序自动检测所有的文件… 我也想要附加所有的图像文件[ .jpg， .gif，*。png等….]与此应用程序打开。 编辑 – > 编辑说明 在这里，我发现了一些代码片段，并尝试修改它，但没有按预期工作。 有人可以帮我吗？ 我正在使用NWJS进行文件打开事件并提取选定文件的实际path。 然后，我使用fs模块获取所选文件的父目录，然后使用fs.readdir读取目录中的所有文件。 我根据指定的文件扩展名（如[* .jpg，* .png，* .gif，* .svg，* jpeg] 什么是不工作图像没有这样显示，我不知道如何进一步移动。 我想nodejs是给文件的完整path，但我想我们不能使用绝对path来追加图像？ 是这样吗？ 如果是，那么围绕这个方法的工作是什么？ 码 **HTML CODE** <input style="display:none;" id="fileDialog" type="file" /> <button id="loadButton" type="button" class="btn btn-success" onclick="showTheFile()">Load</button> <div class="output"></div> **JS CODE** <script> var fs = require('fs'); var path = […]

为什么filereader不工作？

我有一个使用socket.io和node.js构build的聊天应用程序。 我有一个函数如下从input读取文件并将其作为base64string发送到服务器。 function readURL() { if (this.files && this.files[0]) { var FR= new FileReader(); FR.onload = function(e) { $("img").attr("src", e.target.result); socket.emit('image', e.target.result); console.log(e.target.result); }; FR.readAsDataURL( this.files[0] ); } }; 我的HTML如下： <input id="file" type='file' onchange="readURL()"/> <img id="img"> 然而，在上传文件时，没有任何反应。 没有logging错误，甚至没有logging到控制台。 这是为什么？

表单提交后（POST）JavaScript FileReader.onload不工作

目前我正在创build单页上传器。 我使用Javascript（+ jQuery）进行开发，并使用AppJS 。 这个上传器有两种forms，上传input可用。 第一种forms和第二种forms都是隐藏display: none; 两者都使用相同的自定义上传扩展名。 在第一个forms我要求2张图片，他们不得不放弃。 当我删除图像时，它通过套接字上传到我的nodejs服务器并保存正确。 当我删除第二个，再次，它被上传到我的nodejs服务器，并保存正确。 然后我将表单发布到我的nodejs服务器 之后，我.hide()第一个forms和.show()第二个。 当我再次使用上传插件时，不会出现错误，也不会上传任何文件。 我注意到FileReader.onload不会在第一个表单发布之后执行。 在一些示例代码下面，我不能发布我的整个应用程序。 HTML <form id="formone" action="/formone"> <input type="text" name="background" value="Drop here" class="uploadinput" readonly /> <input type="text" name="logo" value="Drop here" class="uploadinput" readonly /> </form> <form id="formtwo" action="/formtwo" style="display:none;"> <input type="text" name="icon" value="Drop here" class="uploadinput" readonly /> </form> 使用Javascript // File upload extension […]