不知你是否說的是 elment-ui框架的 el-upload 組件,如果是的話,可按如下步驟實現(xiàn):
北票網(wǎng)站制作公司哪家好,找成都創(chuàng)新互聯(lián)!從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站設計等網(wǎng)站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)從2013年開始到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗,來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)。
首先在vue文件中定義一段 el-upload代碼段,如下圖:定義一個http-request屬性
el-upload上傳組件代碼
在http-request屬性中調(diào)用一個定義的方法,方法中執(zhí)行圖片上傳到php后端的操作,可以用 axios 調(diào)用php后端api執(zhí)行上傳,注意上傳文件之前要 new FormData(),因為是表單上傳,將文件 append到 formData中。
上傳組件調(diào)用方法
php后端接口就能接收到數(shù)據(jù)了,就可以用 $__FILE['filename'] 這樣的格式來接收到數(shù)據(jù)了
以上就是 el-upload組件和php進行交互的步驟,如果覺得有用請 采納并點個關注!
三中接受方式:
$_GET ? ?//get過來的數(shù)據(jù)
$_POST ?//post過來的數(shù)據(jù)
file_get_contents("php://input") ? //接口過來的xml等字符串數(shù)據(jù)用這個接
這三個方法足以接受任何數(shù)據(jù)了,具體你還要百度一下用法
要用javascript調(diào)用php獲取數(shù)據(jù)庫接口,是一個很常見的前后端交互操作
通過javascript發(fā)送http請求php的API接口,php連接數(shù)據(jù)庫并查詢結果,最后返回出來
這樣javascript就能獲取到數(shù)據(jù)庫的數(shù)據(jù)