首页 / JAVASCRIPT / javascript-以编程方式将input type =“ file”值设置为base64图像？

javascript-以编程方式将input type =“ file”值设置为base64图像？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-以编程方式将input type =“ file”值设置为base64图像？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3253字，纯文字阅读大概需要5分钟。

内容图文

javascript-以编程方式将input type =“ file”值设置为base64图像？

我知道出于安全原因,无法将本地文件以编程方式设置为输入字段的文件.
假设此图像为base64：

var bus = "data:image/gif;base64,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";

我想以编程方式将其设置为输入类型文件.请不要建议将其作为字符串发送给服务器,因为我无法控制另一端的API.

我试图在我的代码中将其转换为blob并将其设置为输入字段为：

myInputField.value = blob;

但是会引发安全异常：

Uncaught DOMException: Failed to set the ‘value’ property on ‘HTMLInputElement’: This input element accepts a filename, which may only be programmatically set to the empty string.

是否可以通过javascript？我决不希望涉及文件选择器对话框.

谢谢.

解决方法:

不可能. HTML文件输入只能指向计算机上实际存在的文件,而不能指向任意数据块.

内容总结

以上是互联网集市为您收集整理的javascript-以编程方式将input type =“ file”值设置为base64图像？全部内容，希望文章能够帮你解决javascript-以编程方式将input type =“ file”值设置为base64图像？所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/693003.html

来源：【匿名】

【上一篇】使用JavaScript验证表单【下一篇】javascript 怎么调用php方法

更多 ►

【javascript-以编程方式将input type =“ file”值设置为base64图像？】教程文章相关的互联网学习教程文章

javascript实现base64编码、解码【代码】

我们知道，浏览器的window对象提供有window.atob()和window.btoa()方法可以对字符串进行Base64编码和解码。console.log(window.btoa(window.atob(‘yanggb‘)));但是有些运行环境，比如nuxt的服务端环境没法使用window对象（window对象只有在浏览器的运行环境中才存在），所以需要自己实现一个Base64的编码解码功能，下面是用原生JavaScript实现该功能，可以作为一个常用工具使用。UTF-8编码的函数function utf8_encode (string) {...

JavaScript Base64加解密【代码】

Base64加密算法是网络上最常见的用于传输8Bit字节代码的编码方式之一，大家可以查看RFC2045～RFC2049，上面有MIME的详细规范。Base64编码可用于在HTTP环境下传递较长的标识信息。例如，在Java Persistence系统Hibernate中，就采用了Base64来将一个较长的唯一标识符（一般为128-bit的UUID）编码为一个字符串，用作HTTP表单和HTTP GET URL中的参数。在其他应用程序中，也常常需要把二进制数据编码为适合放在URL（包括隐藏表单域）中的...

Javascript实现base64的加密解密【代码】

//1.加密解密方法使用：//1.加密 var str = ‘124中文内容‘; var base = new Base64(); var result = base.encode(str); //document.write(result); //2.解密 var result2 = base.decode(result); document.write(result2); //2.加密、解密算法封装：function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding t...

javascript实现base64格式转码与解码【代码】【图】

最近碰到一个需求，后端返回base64格式的数据，前端需要进行base64格式解码，好了，前端采用内部提供的atob函数进行解码，开完成，交付测试，然后测试返回说中文乱码！　　然后查了一下，我后端代码采用utf8编码，这没问题，问题出在前端使用的atob函数，它居然采用的是Latin1（ISO-8859-1）编码！还不能修改编码方式，而且它还只在web端开发有这个atob函数！也不知道写这个atob函数的作者出于什么目的，Latin1（ISO-8859-1）编码用...

js 预览图片转base64【代码】

<!DOCTYPE html><html><head><meta charset="utf-8"><title>files-h5</title></head><body><input type="file" id="file" onchange="showPreview(this, ‘portrait‘)"/><img src="" id="portrait" style="width: 200px; height: 200px; display: block;"/><script>function showPreview(source, imgId) {var file = source.files[0]; //获取文件//FileReader对象获取if(window.FileReader) {var fr =new FileReader();//文件加载后...

PHP与JavaScript之间中文base64码转换代码_PHP教程

//PHP base64_encode function str_encode($str){ return base64_encode(iconv('GB18030','UTF-8',$str)); } echo str_encode('你好!美女!'); ?> ////////////////////////////////////////////////////////////////////////////////////// 另附PHP的base64的加解密函数！ {echo base64_encode($str).""; //加密 $ss='Z25pZD0yNSZncGljaT0x'; echo base64_decode($ss); //解密 //////////////////////////////////////////////////...

javascript-表单如何提交base64的格式的图片？【图】

后端是用PHP的$_FILES变量获取提交的文件。正常的表单提交是这样。正常表单提交，enctype=multipart/form-data我这里的情况是，上传的文件，是来自外部的一串base64字符串，这里该如何转变，才能实现模拟表单提交，后台不需要更改代码。PS: 我尝试把base64放在FormData对象里面，但后台的$_FILES变量依旧不能识别function sendFormByBase64(){var form = document.getElementById('form-2');var formData = new FormData();var bas...

javascript-服务端php的base64_encode加密后推到前端js解密后中文乱码

今天看了一段代码，实现的功能如下：服务端php调用底层命令，将返回结果用base64_encode加密前端js通过GET方法调用上述php获取经过加密的文本用下面的解密函数解密，英文没问题，但是中文乱码。decode_base64_str:function (s) {var e={},i,k,v=[],r='',w=String.fromCharCode;var n=[[65,91],[97,123],[48,58],[43,44],[47,48]];for(z in n){for(i=n[z][0];i=8){r+=w((b>>>(l-=8))%256);}}}return r;}, 问题: 如果不经过这个加密...

javascript-前端jsjson字符串base64_encode编码,提交后端中文乱码

业务流程前端根据相关业务1.进行数组转json的字符串类型2.对该json字符串进行base64_encode3.提交后端现在问题是前端提交的base64,只要带有中文的，都会变成乱码，网上找了一些方式都不是很完美的解决了，到是解决了浏览器上的base64加密和解密后的中文乱码问题。回复内容：业务流程前端根据相关业务1.进行数组转json的字符串类型2.对该json字符串进行base64_encode3.提交后端现在问题是前端提交的base64,只要带有中文的，都会...

JavaScript处理base64编码的代码示例

本篇文章给大家带来的内容是关于JavaScript处理base64编码的代码示例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。因为项目需求，需要处理base64编码，再次记录，便于之后调用关于base64：base64的本质就是把每8位的ASCII编码变成另外一个每6位的编码，用另外一个参照表进行对应翻译。以下为base64的js:var Base64 = {// 转码表table : [A, B, C, D, E, F, G, H,I, J, K, L, M, N, O ,P,Q, R, S, T, U, V, W,...

如何用前端实现base64图片下载（代码）

本篇文章给大家带来的内容是关于如何用前端实现base64图片下载（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。背景在项目开发过程中，经常会有图片导出的需求，尤其是带有图表类的应用，通常需要将图表下载导出。在chrome等新版浏览器中实现base64图片的下载还是比较容易的：创建一个a标签将a标签的href属性赋值为图片的base64编码指定a标签的download属性，作为下载文件的名称触发a标签的点击事件但是...

vue.js图片如何转Base64上传图片并预览

这篇文章给大家介绍的内容是关于vue.js图片如何转Base64上传图片并预览，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。对于前端人员来说，图片处理是一个很常见的需求，由于图片稍微特殊，现在多数做法都是使用调用ajax接口通过http方法来提交，例如post方法提交，后台处理后返回一个图片路径给前端，前端根据这个路径写入img标签，但是基于当前的前后端分离的开发模式下，前后端代码往往不在同一个系统目录下，...

vue项目中如何实现保存头像以及base64字符串转图片的功能【图】

这篇文章主要介绍了关于 vue项目中如何实现保存头像以及base64字符串转图片的功能，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下<img :onerror="errpic" class="customerHead" :src="param.customerHead" alt=""> data() {return {param:{ id:"",customerHead: "",}} }let _this = this let files = e.target.files[0] if (files.size/(1024*1024) > 2) { this.open(上传的图片不可大于2M！) return false; } va...

在Javascript中如何将路径转换为base64编码【图】

这篇文章主要介绍了Javascript将图片的绝对路径转换为base64编码的方法，现在分享给大家，也给大家做个参考。我们可以使用canvas.toDataURL的方法将图片的绝对路径转换为base64编码；在这我们引用的是淘宝首页一张图片如下：var img = "https://img.alicdn.com/bao/uploaded/TB1qimQIpXXXXXbXFXXSutbFXXX.jpg";我们如下编写代码：function getBase64Image(img) {var canvas = document.createElement("canvas");canvas.width = img...

base64怎样加密与解密【图】

这次给大家带来base64怎样加密与解密，base64加密与解密的注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>js base64加密解密</title> </head> <body> <script> // 创建Base64对象 var Base64 = {_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode: function(e) {var t = "";var n, r, i, s, o, u, a;var f = 0;e = Base64....

首页 / JAVASCRIPT / javascript-以编程方式将input type =“ file”值设置为base64图像？

javascript-以编程方式将input type =“ file”值设置为base64图像？

内容导读

内容图文

内容总结

内容备注

内容手机端

【javascript-以编程方式将input type =“ file”值设置为base64图像？】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

BASE64 - 相关标签

INPUT - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程