为什么modal上的<input = "file">不能将image传递给php
在modal上使用<input type="file">标签选择文件时，无法直接将图像传递给PHP的原因是，HTML中的<input type="file">标签只能获取到用户选择的文件路径，而无法直接将文件内容传递给服务器。这是由于安全性限制所导致的。
为了将图像传递给PHP，需要通过JavaScript来实现。以下是一种可能的解决方案：
- 在modal中添加一个<input type="file">标签，用于让用户选择图像文件。
- 使用JavaScript监听<input type="file">标签的change事件，当用户选择了图像文件时触发该事件。
- 在change事件的处理函数中，通过File API读取用户选择的图像文件内容，并将其转换为Base64编码的字符串。
- 将Base64编码的图像数据作为参数，通过AJAX请求将数据发送给服务器端的PHP脚本。
- 在PHP脚本中，接收到Base64编码的图像数据后，可以使用base64_decode函数将其解码，并进行进一步的处理，如保存到服务器或进行图像处理操作。
需要注意的是，由于图像文件可能较大，使用Base64编码传递可能会增加数据量，因此在实际应用中需要考虑数据传输的效率和性能。
推荐的腾讯云相关产品：腾讯云对象存储（COS） 腾讯云对象存储（COS）是一种高可用、高可靠、低成本的云端存储服务，适用于存储和处理任意类型的文件，包括图像文件。您可以使用腾讯云COS提供的API和SDK来实现文件的上传、下载和管理等操作。
产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
1回答
上传前不能显示图片
、、、、
这是我的问题，当我试图将图像更改为我的第二个数据时，它没有改变，但是当我尝试第一个数据时，它正在改变，我不知道为什么它不工作在第二个数据上。有人能帮我吗？
这是我的表格中的图像和文件。
更新，这里是id 42的图片，当我改变图像的图像时，图像没有变化，但是随着消息的id 40的变化，它正在改变。
这是我的全部密码。
$stmt = mysqli_prepare($con, "SELECT * FROM news ORDER BY news_id");
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_r
浏览 2提问于2016-07-10得票数 0
回答已采纳
我在使用codeigniter提交表单时遇到了这个错误。我需要帮助，尽管我一直在遵循文档。我使用的是codeigniter的2.x版本
A PHP Error was encountered
Severity: Notice
Message: Undefined property: Products::$input‐
Filename: core/Model.php
Line Number: 52
Fatal error: Call to undefined function post() in /opt/lampp/htdocs/gamingplace/application/m
浏览 0提问于2016-12-21得票数 1
我有一个上传图片到数据库的代码，如下所示：
<form method="post" action="quanly.php" class="form-group justify-content-center" enctype="multipart/form-data">
<div class="custom-file mb-3">
<input type="file" class="custom-fi
浏览 12提问于2019-08-11得票数 1
回答已采纳
1回答
所需经费：
在上传之前，我正在尝试预览一张图片。所以我想出了这样的代码：
function readURL(input)
{
if (input.files && input.files[0])
{
var reader = new FileReader();
reader.onload = function (e) {
$('#preview').attr('src', e.target.result);
}
reader.readAsD
浏览 2提问于2016-08-14得票数 0
回答已采纳
3回答
我正在存储一些来自模态输入的数据。所有操作都很好，但是当我处理文件类型数据时，在本例中，我所拍摄的图像将存储在服务器文件夹中，其位置将存储在数据库中。
我检查用户是否要添加数据。
然后通过ajax将数据推送给相应的控制器方法。
在那里，我将图像存储在选定的文件夹中，并重新定位图像，然后将所有数据推送到模型中，以便将它们存储在数据库中。代码：
模态：
<div class="modal fade" id="modal_form" role="dialog">
<div class="modal-dial
浏览 2提问于2018-10-17得票数 1
我不知道为什么我会得到一个未定义索引的错误。我认为我正确地将值发送给了php。或者我在代码中遗漏了什么？
下面是我使用的jquery代码：
$(function() {
$('button').button();
$('.update-profile-pic').click(function() {
$('#dialog').dialog({
width:350,
modal:true,
浏览 0提问于2012-09-23得票数 0
我有一个引导模式弹出，我使用json在代码点火器中调用我上传的控制器函数。
一旦成功警报显示，我希望它只是刷新内部模型体，以便它显示新上传的文件。
目前，我必须刷新整个页面，以查看上传的文件。
问题，我如何才能使它只是这样，在json警报成功，完全上传，它将只是刷新内部引导模式-主体。
Json / Java脚本
<script type="text/javascript"><!--
$('#button-upload').on('click', function() {
$('#form-upload').
浏览 2提问于2015-02-11得票数 0
回答已采纳
1回答
Laravel图像上传
、、、、
试图让AJAX图像上传工作在Laravel 4，但有问题。
这就是我所拥有的：
表格：
{{ Form::open(array('class' => 'update-insertimage-form', "files" => true,)) }}
{{ Form::file('image', array('class' => 'update-insertimage-btn', 'name' => 'update-insertimage-btn&
浏览 3提问于2014-12-20得票数 1
回答已采纳
我正在尝试通过ajax将action.php响应设置为HTML字段。我正在调用ajax并尝试从数据库(action.php)获取数据并将其设置为HTML字段。 下面是我的代码： action.php： $arr_data=array();
while($row = mysql_fetch_assoc($result))
{
$arr_data['image1'] = $row['name'];
$arr_data['web_name'] = $row['web_name'];
$arr_data['web_link&
浏览 13提问于2019-06-22得票数 0
1回答
我希望将javascript上的数据转换为php值，脚本上的代码如下所示：
<script type="text/javascript">
$(document).on("click", ".open-image", function (e) {
e.preventDefault();
var _self = $(this);
var image = _self.data('img');
$("#img").val(image);
$("#img").attr('src&#
浏览 0提问于2015-09-14得票数 0
回答已采纳
我创建了一个引导模式弹出表单来在图片库页面中添加图片，我开发了php & ajax代码，因为我想在这里不重新加载页面:-
问题是，当我想要将图像发送到数据库时，我会显示此错误。
Notice: Undefined index: photo in ....
我不能发送图像。
这是我的ajax代码
$(function() {
//twitter bootstrap script
$("button#submit").click(function(){
$.ajax({
type: "POST",
url: "i
浏览 5提问于2016-06-30得票数 0
回答已采纳
1回答
我有一个具有多个输入的表单。一个输入是文件上传器。我正在使用Cropperjs。这工作得很好。它会生成一个base64 img。我希望能够将这个裁剪的预览图像传递到一个php页面进行处理，与其他作为ajax formData的post变量。我可以通过php中的提交按钮来传递其他的$_POST变量。我如何让图像通过它？ 对我来说，它似乎没有附加到formData中，或者我没有要求正确的文件变量。 https://jsfiddle.net/nick1572/c6027thL/6/ HTML <div class="modal fade" id="modal"
浏览 11提问于2019-10-16得票数 1
1回答
我有数据库列attach1和attach2。我需要从这些列中显示文件(pdf)，但前提是它们存在于www.domain.com/上载目录中。Attach1包含真正的文件，但attach2不包含。
我试过这样的方法：
<?php
$file = $row['attach'];
$exists = file_exists('uploads/'.$file.'');
if ($exists) {
echo $file;
}
if (!$exists) {
echo 'No file1';
}
?>
&
浏览 2提问于2013-12-14得票数 0
回答已采纳
1回答
如何使用使用JQuery & AJAX的代码点火器框架将图像直接上传到数据库中？这里是我的代码，我在HTML和Controller中对我的函数使用了AJAX代码。你能帮我修一下吗？
这是控制器函数
public function ajax_edit($about_id)
{
$data = $this->person->get_by_id($about_id);
echo json_encode($data);
}
public function ajax_add()
{
$data = array(
'a
浏览 1提问于2016-01-02得票数 0
1回答
提交引导窗体不起作用
、、、、
我正在尝试使用php提交我的Bootstrap表单，以便将输入到表单中的数据从页面发送给我。但是，某些地方不起作用，不幸的是，我的php知识缺乏(到目前为止，网络搜索还没有带来任何有用的信息)。
当您单击submit，表单所在的模式立即关闭(默认的HTML东西？)。重新打开该模式将显示表单错误消息，如果您将表单保留为空白的话。如果提交包含所有内容的表单，则不会发生任何事情。
因此，我的问题是:我做错了什么，我如何修复它，以获得电子邮件发送？此外，当内容提交但不完整时，我是否可以停止关闭模式？
编辑：--我已经实现了上传图像的“正确”php，但是它给了我一个无效的文件类型，即使它们是有效的。ec
浏览 1提问于2015-07-07得票数 1
回答已采纳
1回答
PHP更改配置文件图片
、、、
我正在用PHP，HTML和CSS创建一个社交网络项目。用户拥有的功能之一是上传个人资料图片。我只是看了几个教程，我一直在遵循它们，但它们非常令人困惑，我完全迷失了方向。这是我最后的希望。我的upload.php文件中有一些代码，当我转到该页面时，它显示为File saved，这意味着图像已保存，但我在任何地方都看不到该图像。是否有人可以帮助我将图像保存到我的文件夹中，当用户单击“更改个人资料图片”时，图片将被更改并保存？请帮帮忙。谢谢你。
profile.php：
<form id="form2" action="upload.php" method=&#
浏览 3提问于2017-08-09得票数 0
我有一张学生资料表和一个文件夹，里面有他们的图片。我想更换一些防喷器，但它不起作用。请帮帮忙。我在某个地方得到了这段代码，并根据我的需要进行了修改，但它不起作用。代码分为两部分。第一部分是一个在PHP中带有jquery操作部分的表单。请帮助这段代码出了什么问题
photochange.php码
<h1 class="page-head-line">Student Photo Change</h1>
<div class="container" style="width:900px;">
浏览 5提问于2022-05-02得票数 -3
2回答
我在CodeIgniter上做过图片上传。但是，当我想使用jcrop和codeigniter对上传的图像进行裁剪时，我遇到了问题。我尝试下列不起作用的代码：
控制器 (image_upload.php)
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Image_upload extends CI_Controller
{
/**
* Index Page for this controller.
*
* Maps to the f
浏览 1提问于2015-03-29得票数 0
1回答
我有一个组件(父组件)，在该组件中，我使用以下方法显示一个模式：
showModal() {
this.modalInstance = this.modal.open({
template: "<upload-modal on-close='$ctrl.closeModal()'></upload-modal>"
});
}
这是上载组件的代码(子组件)：
import uploadController from "./upload.controller";
export const UPL
浏览 3提问于2016-12-30得票数 0
4回答
我正在使用ajax上传图像。因为我有一个列出记录的table，所以有多个行，除了第一行的ID之外，我不能添加图像。我可能必须给函数一个参数，但是我无法知道如何将它实现到ajax部分。
我想做的是在上传图像时将thing_id值发布到我的php表单中。
I更新了的问题，请参阅详细信息。
这是我如何激活我的模式。
<a class="btn btn-warning btn-sm" data-toggle="modal"
data-target="#image-edit<?php echo $row['thing_id']; ?&
浏览 4提问于2015-04-29得票数 0
我使用代码点火器作为我的框架，当我点击我的图像删除按钮，它工作的第一次很好。然而，当我删除第二个图像后，它将直接运行两次ajax脚本，并导致它通过我的json错误。
如果我删除一个图像，然后直接删除另一个图像，我如何使它成为它，所以当我删除第二个图像，它将不会运行多次？
这似乎和$('#button-refresh').trigger('click');有关
$(document).on('click', '#button-delete', function(e) {
if (confirm('Are Yo
浏览 2提问于2017-08-26得票数 0
<form method="post" id="user_form">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
浏览 1提问于2020-04-02得票数 0
回答已采纳
我是新手在php和html，我有这个模式，在它里面，我需要插入一个图像..
if (isset($_POST['add_roomtype_action'])) {
require 'script/addRoomType.php';
}
<div class="modal fade" id="add_roomtype_modal" tabindex="-1" role="dialog"
aria-labelledby="add_roomtype_modal" aria
浏览 2提问于2017-08-16得票数 1
我正在创建一个社交网络，让用户可以选择更改他们的个人资料图片或保持不变(默认)。我问了一个关于这方面的问题，得到的答案是帮助我将图片保存到我的uploads文件夹中，但不是如何更改用户的头像。
用户将单击选择文件按钮，然后当选择文件时，他们将单击更改配置文件图片的按钮。当他们完成所有这些操作时，我希望默认图片更改为用户选择的图片。有人能帮帮我吗？
profile.php：
<form id="form2" action="upload.php" method="post" enctype="multipart/form-data&#
浏览 1提问于2017-08-11得票数 1
1回答
我已经开发了codeigniter项目，我认为代码是正确的基于codeigniter文档。当我上传图片时，它显示“无法加载请求的文件”，错误出在控制器函数simpan()中，您能帮我解决这个问题吗？
模型中的以下代码：
<?php class Mahasiswa_model extends CI_Model{
function simpan_mahasiswa($npm,$nama,$prodi,$fakultas,$angkatan,$email,$image_name,$image){
$data = array(
'npm' =
浏览 0提问于2018-07-09得票数 1
我试图一次调整多个图像的大小，但没有这样做。它只调整每页中的一些大小。
询问如何确保它同时调整index()的foreach循环中的多个图像的大小。
如您所见，它只对其中一些文件进行调整大小，其中一些文件查询程序代码是运行/加载ajax的。
<?php
class Filemanager extends MX_Controller {
public function __construct()
{
parent::__construct();
$this->load->library('pagina
浏览 5提问于2017-08-23得票数 2
1回答
这是我的html表单，由php使用ajax请求进行验证。但是在提交之后，它显示了以下错误：
Notice: Undefined index: img in D:\Software Installed\xampp\htdocs\wix\users\insert_galary.php on line 12
如果我删除表单的文件部分，那么它运行良好，如果我检查它
if(isset($_POST['Submit']) && $_POST['Submit'] == "Upload galary")
那就不是在验证我的数据了。
Html表单
浏览 2提问于2013-12-08得票数 0
我一直试图保存图像以及数据库中的一些输入，但是我一直收到这样的消息：'SQLSTATE23000:完整性约束违反: 1048列'image_url‘不能是null’。
以下是源代码：
用于处理输入的Php代码：
<?php
if($_POST){
//$ef = $_POST["exp_file"];
if($_POST["heading"] == '' && $_POST["myimage"] =='' && $_POST[
浏览 0提问于2017-05-23得票数 0
回答已采纳
1回答
当我注册时，重定向到另一页。但是，我刷新了那个页面，它会转到index page.This is the error。请提供这个问题的解决方案。
控制器
public function register()
{
$this->load->view('index');
}
public function do_register()
{
$this->load->library('form_validation');
$this->form_valida
浏览 2提问于2015-08-17得票数 2
回答已采纳
在运行下面的代码时，它会给我造成一个错误，例如
致命错误:不能在第24行的/home/site/public_html/administrator/blog_manage.php中使用写上下文中的函数返回值
第24行是list函数
if($manage=="add_blog")
{
$titile=mysql_real_escape_string($_POST['titile']);
$news=mysql_real_escape_string($_POST['news']);
浏览 1提问于2017-05-31得票数 0
回答已采纳
我想使用jquery创建具有多个textbox函数的多个图像上传。但问题是如何将textarea的值传递给数据库。上传图像可以工作，但描述不能传递到数据库
有人能帮我解决这个问题吗？
//main.php
<div class="modal fade" id="photo-modal" role="dialog">
<form method="post" action="upload-photo-action.php" autocomplte="off" enctype="
浏览 2提问于2017-11-29得票数 0
回答已采纳
尝试通过AJAX上传图像，但遇到问题...
表单：
{{ Form::open(array('class' => 'update-insertimage-form', "files" => true,)) }}
{{ Form::file('image', array('class' => 'update-insertimage-btn', 'name' => 'update-insertimage-btn')) }}
{{ Form:
浏览 2提问于2014-12-21得票数 0
2回答
<div class="panel panel-default">
<div id="view_query">
<div class="panel-heading">
<h3 class="panel-title">Reply Query</h3>
</div>
<div class="panel-body">
<div class="table-responsive
浏览 0提问于2016-03-06得票数 0
回答已采纳
3回答
我上传文件有问题。我使用代码点火器框架和dropzone.js来提升文件。
我认为：
<!-- START MODAL ADD FILE -->
<!-- Modal -->
<div class="modal fade" id="myModalFile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" rol
浏览 2提问于2018-07-20得票数 0
回答已采纳
我创建了一个函数，将图像上传到数据库并将图像上传到文件夹。
数据库中的url将更改为图像的url，但该文件不会上载到文件夹。
我得到了错误：Undefined index: user_image in image.php
这是我的代码：
Image.php
<?php
$edit_row['opzoekImage'] = $_POST["user_image"];
$imgFile = $_FILES['user_image']['name'];
$tmp_dir = $_FILES['user_image'
浏览 0提问于2018-04-10得票数 0
回答已采纳
3回答
我想从数据库中检索图像，并将其显示在数据模型的div中。我上传了图片保存到图片->空位文件夹。现在，我想在按下按钮时显示它。每个图像名称都是'vacancyid'.jpg格式。我试着使用下面的代码。但我没有成功。
<?php
require('dbconnection.php');
$sql="select * from vacancy";
$res=mysqli_query($conn,$sql);
if(mysqli_num_rows($res)>0){
while($row=mysqli_fetch_assoc($res
浏览 1提问于2017-05-01得票数 1
1回答
在我的应用程序中，我使用croppie裁剪图像，然后预览，然后上传裁剪后的图像。我已经裁剪图像作为预览，但我无法在我的输入字段中设置裁剪值。 <div class="modal fade" id="myModal" role="dialog" style="margin-top: 70px;">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content"&
浏览 28提问于2019-01-19得票数 1
我试图转换一个表单的ajax插入，删除，编辑系统到我自己的。它在本地主机上工作得很好。但是每当我试图在我的网站服务器上运行这些代码时，插入都不起作用(删除和编辑起作用了)。我的代码是： <div class="container box">
<h1 align="center">PHP PDO Ajax CRUD </h1>
<br />
<div class="table-responsive">
<br
浏览 26提问于2020-06-21得票数 1
0回答
你好，我把变量传给了另一个页面，但是我得到了一个Undefined index: titles in C:\xampp\htdocs\studentportal\edit2.php on line 6的错误，有人能帮我吗？我不知道为什么它得到一个错误。
以下是模式中的表单
<form method="POST" enctype="multipart/form-data" action ="edit2.php">
<div class="form-group">
<label
浏览 6提问于2016-07-10得票数 1
回答已采纳
我正在自学python，我正在尝试创建一个密码生成器。我想要程序做的是，生成一个随机密码并将其保存到文本文件中。我在获取密码以保存到文本文件方面有什么问题。我能够获得一个生成的密码，但是我在text_file file.write( output ) NameError中得到了一个错误代码:虽然我已经定义了输出，但没有定义名称'output‘。如果有人能告诉我我做错了什么，我会很感激的。如果需要更多的信息，请告诉我。谢谢
import random
import string
# Generates a password from random.choice
length = int
浏览 2提问于2020-06-04得票数 0
回答已采纳
在来这里之前，我写了三次代码。每次我都遇到同样的问题:配置文件图像没有从默认占位符更改为新上传的图像。下面是index.php文件：
<?php
session_start();
$conn = mysqli_connect("localhost", "root", "", "imgupload");
?>
<!DOCTYPE html><html><head></head><body>
<?php
$sql_user = "SELECT
浏览 0提问于2018-05-06得票数 0
2回答
(function() {
$('#modal2From').ajaxForm({
beforeSubmit: function(arr, $form, options)
{
arr.push( {dataKind:'major', grade: selectedGrade });
},
/*dataType: "text",
data: {
浏览 0提问于2016-07-20得票数 0
我无法从文件上传中获得formData
form.blade.php
<form method="POST" class="form-horizontal" enctype="multipart/form-data" id="modal-file-upload">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type="hidden&#
浏览 2提问于2015-07-23得票数 2
1回答
我已经盯着这个问题看了几个小时了，但是我的jQuery技能是相当基本的，所以我需要一些帮助。
我有3种形式的输入。当我单击其中一个输入时，它打开一个引导模式，其中包含我的图像库(由PHP填充)，每个图像下面是一个“插入”按钮。
当我单击“插入”按钮时，我希望将该图像的标题传递回我单击的特定输入字段。
我知道应该用jQuery来使用" this“，但我就是想不出来。
到目前为止，我的代码如下：
表单字段
<form>
<div>
<input type="text" class="image_up" data-
浏览 5提问于2022-03-13得票数 0
2回答
将值从子传递到父级
、、、
我已经构建了一个组件，它使用react下拉区域上传文件。在我的父组件中，我想将这些文件发送到服务器。我的代码如下所示：
儿童部分：
const UploadMultipleImages = () => {
const [files, setFiles] = useState([]);
const { getRootProps, getInputProps } = useDropzone({
accept: {
"image/*": [],
},
onDrop: (acceptedFiles) => {
set
浏览 19提问于2022-10-18得票数 0
我正在使用ajax存储信息，但是当我单击submit按钮来存储时，控制台将返回一个错误500 (内部服务器错误)，这个错误会导致$.ajax --我不知道为什么我写的都是正确的--请帮助
这是我的密码
我的路线
Route::resource('products',App\Http\Controllers\ProductController::class);
我的表单和ajax代码
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog
浏览 4提问于2022-05-30得票数 0
2回答
我已经上传了图像，并与鳄鱼，图像成功地更新数据库，并成功进入目录。
但是新的图像用相同的名称覆盖旧的图像，这是故意的。但是php再次显示的图像仍然是旧图像(该图像已被新图像覆盖)。
一开始没有问题，但当我在两个多星期内没有打开这个项目时，出现了一个类似于上面的问题
标记
<div class="col-sm-3">
<h4>Profile Picture</h4>
<hr>
<form action="" id="form" method="post"
浏览 0提问于2019-06-24得票数 0
回答已采纳
1回答
当我在我的网站打开模式，整个模式冻结了自身的底部，而滚动，在我放在里面的两个选项卡。我试图禁用“溢出:隐藏”的身体滚动，但它不起作用。如果我调整窗口的大小，冻结会消失，但是当我滚动模式时，问题会再次出现。
我用jquery/ajax脚本动态加载图像。这可能是问题所在吗？模态javascript和我的jquery之间的冲突？
在这个表单标签的摘录中，我称它为模态，调用时将模态div移到表单之外，因为它将工作，并且我在模态中输入了图像表单。当我关闭模态时，它再次在表单中移动。
<div class="form-group" id="ProgramImage&
浏览 2提问于2014-11-24得票数 0
5回答
HTML
<link rel="stylesheet" type="text/css" href="<?php echo CSS_URL ?>modal.css" />
<form id="postinfo" action="" method="POST">
<input type="hidden" name="technician" value="<?php echo $technician;
浏览 4提问于2013-10-17得票数 0
回答已采纳
1回答
我正在尝试提交我的联系人表单，用PHP在电子邮件中发送数据，停留在index.html上，并打开一个带有“谢谢”消息的引导模式。
我见过的所有其他可能做到这一点的例子都使用了AJAX。但是我想只通过PHP来实现，因为我的AJAX知识是不存在的。有没有人知道这是否可能？如果是这样，又是如何做到的呢？
我只包含了确保返回到index.html或显示表单提交错误的最后一部分
来自contact.php的PHP。
if(!$mail->Send()){
echo "Message could not be sent.";
echo "Mailer Erro
浏览 0提问于2016-03-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
