Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/245.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将$\文件数据发送到表单输入_Javascript_Php_Jquery - Fatal编程技术网

Javascript 将$\文件数据发送到表单输入

Javascript 将$\文件数据发送到表单输入,javascript,php,jquery,Javascript,Php,Jquery,我在jQuery$('#file')中设置了一个事件侦听器 这会检测图像何时被追加 图像源为:数据:Image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQ…插件可以实现这一点 我只想将创建的图像以html格式发送到文件上载输入。我该怎么做?为什么不将其作为隐藏的输入字段发送?发布表单后,可以使用php对其执行任何操作。 大概是这样的: <script type="text/javascript"> $(function(){ $("plugin").c

我在jQuery
$('#file')中设置了一个事件侦听器

这会检测图像何时被追加

图像源为:
数据:Image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQ…
插件可以实现这一点


我只想将创建的图像以html格式发送到文件上载输入。我该怎么做?

为什么不将其作为隐藏的输入字段发送?发布表单后,可以使用php对其执行任何操作。 大概是这样的:

<script type="text/javascript">
$(function(){
   $("plugin").change(function(e){
      $("input#image").val(e.image);
   });
})
</script>
<form>
  <input type="hidden" name="image" id="image" />
  <input type="submit" />
</form>
<?php
if(getenv("REQUEST_METHOD") === "POST"){
   $image = $_POST["image"];
   // do what you want
}
?>
<img class="thumbnail" src="data:image/gif;base64,R0lGODlh9AEZAdUyAK6VZqBmUNjRrNSon+7">

$(函数(){
$(“插件”).change(函数(e){
$(“输入图像”).val(e.image);
});
})
我还没有测试过这个,但它应该足以帮助你开始。 如果要显示图像,只需执行以下操作:

<script type="text/javascript">
$(function(){
   $("plugin").change(function(e){
      $("input#image").val(e.image);
   });
})
</script>
<form>
  <input type="hidden" name="image" id="image" />
  <input type="submit" />
</form>
<?php
if(getenv("REQUEST_METHOD") === "POST"){
   $image = $_POST["image"];
   // do what you want
}
?>
<img class="thumbnail" src="data:image/gif;base64,R0lGODlh9AEZAdUyAK6VZqBmUNjRrNSon+7">

试试下面的方法:

<script type="text/javascript">
$(function(){
   $("plugin").change(function(e){
      $("input#image").val(img);
   });
})
</script>
<form>
  <input type="hidden" name="image" id="image" />
  <input type="submit" />
</form>
<?php
if(getenv("REQUEST_METHOD") === "POST"){
   $image = $_POST["image"];
   // do what you want
}
?>

$(函数(){
$(“插件”).change(函数(e){
$(“输入图像”).val(img);
});
})

你提供的信息越多,我们就能更好地帮助你。另外,你自己尝试也是值得的,因为你会从你犯的错误中吸取教训。

你自己尝试过什么吗?我不知道该怎么办lol,我想把这个附件图像发送到我的表单输入。我的jquery不是很好我知道你的图像是base64字符串。将其作为POST请求中的常规输入字段发送。文件字段用于从用户文件系统读取文件。“将其作为POST请求中的常规输入字段发送。”我不完全理解这一点。。。你能澄清一下吗?看看这是否有帮助:
$(“input#image”).val(e.image)
将获取附加的图像数据并将其发送到隐藏字段?值得注意的是,隐藏的输入字段本质上是不安全的,如果您要使用它来获取要上载的文件,恶意用户可能能够将自己的文件拼接成标题信息,并强制上载到您的服务器。@lazypoun正如您在jquery文档中所看到的那样:它确实会更改您输入字段的值。但是如何获取我的appendet image,其源如下:
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQ…
你是什么意思<代码>数据:图像/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQ…
将作为其值转到输入字段。
安全性错误:操作不安全。
读取我的consoel日志您有3个选项:1。用你的代码做一个JSFIDLE。2.试着自己调试它。3.提供更多关于代码和目标的信息我们在这里的思路是正确的,但似乎新创建的base64字符串不能直接插入表单字段,我收到了一个安全警告。我正在使用Codeigniter,也许这就是问题所在