使用javascript代码将图像插入数据库 $(函数(){ var-inputName='myInput'; $('select[name=myselect]')。更改(函数(){ $('.inputs').html(''); 对于(var i=0;i
在我的代码中,浏览选项是根据下拉菜单中选择的编号打开的。。这段代码运行正常。。但我想将数据库中的图像插入到一个字段中。。那么,如果有任何帮助,我如何使用普通的insert查询将所选图像插入到我的数据库中。。提前谢谢 Html代码使用javascript代码将图像插入数据库 $(函数(){ var-inputName='myInput'; $('select[name=myselect]')。更改(函数(){ $('.inputs').html(''); 对于(var i=0;i,javascript,php,mysql,Javascript,Php,Mysql,在我的代码中,浏览选项是根据下拉菜单中选择的编号打开的。。这段代码运行正常。。但我想将数据库中的图像插入到一个字段中。。那么,如果有任何帮助,我如何使用普通的insert查询将所选图像插入到我的数据库中。。提前谢谢 Html代码 <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script> <script> $(f
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
<script>
$(function () {
var inputName = 'myInput';
$('select[name=myselect]').change(function () {
$('.inputs').html('');
for (var i = 0; i < $(this).val(); i++) {
var inputs = $('<input />').attr({
name: inputName + i,
type: 'file'
});
$('.inputs').append($('<label>Input ' + (i + 1) + '</label>')).append(inputs).append('<br />');
}
});
});
</script>
</head>
<body>
<select name="myselect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<br />
<div class='inputs'></div>
</body>
$(函数(){
var-inputName='myInput';
$('select[name=myselect]')。更改(函数(){
$('.inputs').html('');
var forms=$('').attr({name:'submitBtn',method:'post',id:'upload-image',enctype:'multipart/form data',action:'upload-image.php'});
$('.inputs')。追加(表格);
对于(var i=0;i<$(this).val();i++){
变量输入=$('').attr({
名称:inputName+i,
键入:“文件”
});
$('Input'+(i+1)+'')。附加到(“#上传图像”);
$(输入)。附加到(“上传图像”);
$(“
”).appendTo(“#上传图像”);
}
变量输入=$('').attr({name:'total',type:'hidden',value:$(this.val()});
$(输入)。附加到(“上传图像”);
var inputs=$('').attr({name:'submitBtn',type:'submit',value:'upload'});
$(输入)。附加到(“上传图像”);
});
});
选择
1.
2.
3.
4.
5.
6.
7.
upload-image.php
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
<script>
$(function () {
var inputName = 'myInput';
$('select[name=myselect]').change(function () {
$('.inputs').html('');
var forms = $('<form/>').attr({name:'submitBtn',method:'post',id:'upload-image',enctype:"multipart/form-data",action:'upload-image.php'});
$('.inputs').append(forms);
for (var i = 0; i < $(this).val(); i++) {
var inputs = $('<input />').attr({
name: inputName + i,
type: 'file'
});
$('<label>Input ' + (i + 1) + '</label>').appendTo( "#upload-image" );
$(inputs).appendTo( "#upload-image" );
$("<br>").appendTo( "#upload-image" );
}
var inputs = $('<input />').attr({name:'total',type: 'hidden',value:$(this).val()});
$(inputs).appendTo( "#upload-image" );
var inputs = $('<input />').attr({name:'submitBtn',type: 'submit',value:'upload'});
$(inputs).appendTo( "#upload-image" );
});
});
</script>
</head>
<body>
<select name="myselect">
<option>Select</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<br />
<div class='inputs'></div>
</body>
将id添加到属性中任何简短的代码都会有帮助!!!我应该用表单和操作页面@lozcheronedon更新我的问题吗?我不太了解php,我使用JSP。我就是这样做的,首先你把id属性放在上面的表单中(正如我看到的,你没有表单,所以使用表单保持enctype multipart)。使用php(服务器端编码)请求id,转换为ByTestStream并将其插入数据库嘿,我在这里没有提到我的全部代码,我只想使用普通查询“insert into table()values();”将图像插入数据库,就像这样。。。但是图像名称不会插入到我的数据库中,但是如果我想插入其他字段,如名称、类别、电子邮件id等。。我必须用一个动作页面来完成。。我可以使用此方法插入每个变量吗?如果此变量在那里可用,则可以使用。注意:未定义的变量:C:\xampp\htdocs\test\upload-image.php中的名称,第5行显示此错误
<?php
if (isset($_POST['submitBtn'])) {
$fileNames = false;
for ($i = 0; $i < $_POST['total']; $i++) {
if (!isset($_FILES[$name]["name"]))
continue;
$allowedExts = array("gif", "jpeg", "jpg", "png");
$name = 'myInput' . $i;
$temp = explode(".", $_FILES[$name]["name"]);
$extension = end($temp);
if ((($_FILES[$name]["type"] == "image/gif") || ($_FILES[$name]["type"] == "image/jpeg") || ($_FILES[$name]["type"] == "image/jpg") || ($_FILES[$name]["type"] == "image/pjpeg") || ($_FILES[$name]["type"] == "image/x-png") || ($_FILES[$name]["type"] == "image/png")) && ($_FILES[$name]["size"] < 20000) && in_array($extension, $allowedExts)) {
if ($_FILES[$name]["error"] > 0) {
echo "Return Code: " . $_FILES[$name]["error"] . "<br>";
} else {
if (file_exists("upload/" . $_FILES[$name]["name"])) {
echo $_FILES[$name]["name"] . " already exists. ";
} else {
move_uploaded_file($_FILES[$name]["tmp_name"], "upload/" . $_FILES[$name]["name"]);
echo "Stored in: " . "upload/" . $_FILES[$name]["name"];
$fileNames[] = $_FILES[$name]["name"];
}
}
} else {
echo "Invalid file";
}
}
if (is_array($fileNames)) {
$files = implode(",", $fileNames);
$con = mysql_connect("localhost", "user", "password") or die(mysql_error());
$db = mysql_select_db("database-name") or die(mysql_error());
$query = "INSERT INTO pincde ('field_name') VALUES ('" . addslashes($files) . "')";
$result = mysql_query($query) or die(mysql_error());
}
}
?>