步驟1:創(chuàng)建數(shù)據(jù)庫(kù)
使用此代碼創(chuàng)建數(shù)據(jù)庫(kù)
CREATE DATABASE uploadFile;
步驟2:創(chuàng)建表
CREATE TABLE IF NOT EXISTS `uploadedimage` ( `Id` int(11) NOT NULL AUTO_INCREMENT,
`imagename` varchar(100) NOT NULL,
PRIMARY KEY (`Id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
該表具有兩列,分別用于ID和圖像名稱(chēng)。
id 每當(dāng)成功上傳圖像時(shí),列就會(huì)自動(dòng)遞增。
圖像名稱(chēng)列會(huì)存儲(chǔ)圖像名稱(chēng),例如 imagea.png
如圖所示,圖像名稱(chēng)不得超過(guò)100個(gè)字符。
步驟3:在服務(wù)器中創(chuàng)建項(xiàng)目文件夾
將xampp用作本地服務(wù)器的
下面將要共享的主要項(xiàng)目代碼保存在名為“ uploadimage ”的文件夾中。
該文件夾位于 htdocs 文件夾內(nèi)。
然后將代碼另存為 uploadimage.php
第4步:文件上傳HTML,PHP和SQL代碼
這是完整的源代碼包含HTML Php和Sql的源代碼。 https://github.com/mauricemuteti/Upload-And-Insert-Image-Into-Mysql-Database-Using-Php-Html
請(qǐng)確保將代碼保存在htdocs文件夾中使用xampp服務(wù)器。還要?jiǎng)?chuàng)建圖像文件夾。的 imagesuploadedf。 這是保存圖像的位置。
步驟5:在瀏覽器中打開(kāi)項(xiàng)目
確保xampp服務(wù)器已啟動(dòng)。
在瀏覽器中打開(kāi)項(xiàng)目位置。在這種情況下,網(wǎng)址應(yīng)為:
http://localhost/uploadimage/uploadimage.php
單擊瀏覽并找到要上傳的圖像文件,然后單擊打開(kāi)。
文件路徑顯示在瀏覽器中。
這表示已選擇圖像。
單擊上傳按鈕,如果圖像已上傳,您應(yīng)該會(huì)在瀏覽器中看到“圖像已上傳” 消息。/p》
步驟6:檢查您的圖像文件夾
這是存儲(chǔ)上傳圖像的位置。
開(kāi)始到 C: xampp htdocs uploadimage imagesuploadedf ,您應(yīng)該會(huì)在其中看到映像文件。
第7步:檢查Mysql數(shù)據(jù)庫(kù)中的新行
圖像名稱(chēng)將使用ID添加到mysql數(shù)據(jù)庫(kù)(表)中。
如果您的第一個(gè)圖像ID應(yīng)該是(1)
責(zé)任編輯:wv
-
數(shù)據(jù)庫(kù)
+關(guān)注
關(guān)注
7文章
3859瀏覽量
64822 -
HTML
+關(guān)注
關(guān)注
0文章
278瀏覽量
37146 -
PHP
+關(guān)注
關(guān)注
0文章
454瀏覽量
26841
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
Devart: dbForge Compare Bundle for SQL Server—比較SQL數(shù)據(jù)庫(kù)最簡(jiǎn)單、最準(zhǔn)確的方法
MySQL數(shù)據(jù)庫(kù)的安裝

云數(shù)據(jù)庫(kù)是哪種數(shù)據(jù)庫(kù)類(lèi)型?
數(shù)據(jù)庫(kù)數(shù)據(jù)恢復(fù)—Mysql數(shù)據(jù)庫(kù)表記錄丟失的數(shù)據(jù)恢復(fù)流程

數(shù)據(jù)庫(kù)數(shù)據(jù)恢復(fù)—MYSQL數(shù)據(jù)庫(kù)ibdata1文件損壞的數(shù)據(jù)恢復(fù)案例
數(shù)據(jù)庫(kù)數(shù)據(jù)恢復(fù)—通過(guò)拼接數(shù)據(jù)庫(kù)碎片恢復(fù)SQLserver數(shù)據(jù)庫(kù)

數(shù)據(jù)庫(kù)數(shù)據(jù)恢復(fù)—SQL Server數(shù)據(jù)庫(kù)出現(xiàn)823錯(cuò)誤的數(shù)據(jù)恢復(fù)案例

軟通動(dòng)力數(shù)據(jù)庫(kù)全棧服務(wù),助力企業(yè)數(shù)據(jù)庫(kù)體系全面升級(jí)

恒訊科技分析:云數(shù)據(jù)庫(kù)rds和redis區(qū)別是什么如何選擇?
大型數(shù)據(jù)庫(kù)可選擇WDS作為其數(shù)據(jù)庫(kù)一體機(jī)產(chǎn)品存儲(chǔ)底座

如何將ESP826的數(shù)據(jù)POST到xammpp服務(wù)器上的php文件?
數(shù)據(jù)庫(kù)數(shù)據(jù)恢復(fù)—SQL Server數(shù)據(jù)庫(kù)所在分區(qū)空間不足報(bào)錯(cuò)的數(shù)據(jù)恢復(fù)案例
HarmonyOS開(kāi)發(fā)案例:【搭建關(guān)系型數(shù)據(jù)庫(kù)】(4)

數(shù)據(jù)庫(kù)數(shù)據(jù)恢復(fù)—raid5陣列上層Sql Server數(shù)據(jù)庫(kù)數(shù)據(jù)恢復(fù)案例

評(píng)論