大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于前端上傳圖片到服務(wù)器的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫(xiě)出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、如何把小程序的校驗(yàn)文件上傳到H5服務(wù)器里面

• 2、.net實(shí)現(xiàn)文件上傳到服務(wù)器

• 3、web圖片一般存在后端哪里

• 4、如何把做好的前端網(wǎng)頁(yè)上傳到服務(wù)器上，讓別人可以像瀏覽百度、新浪等各大網(wǎng)頁(yè)一樣可以訪問(wèn)得到

一、如何把小程序的校驗(yàn)文件上傳到H5服務(wù)器里面

1.先在前端寫(xiě)一個(gè)選擇圖片的區(qū)域來(lái)觸發(fā)wx.chooseImage接口并用wx.setStorage接口把圖片路徑存起來(lái)。

-wxml <view class="shangchuan" bindtap="choose">

<image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image>

</view>

<button formType='submit' class="fabu">發(fā)布項(xiàng)目</button>123456

/**選擇圖片 */

choose: function () { var that = this

wx.chooseImage({

count: 1,

sizeType: ['original', 'compressed'], // 可以指定是原圖還是壓縮圖，默認(rèn)二者都有

sourceType: ['album', 'camera'], // 可以指定來(lái)源是相冊(cè)還是相機(jī)，默認(rèn)二者都有

success: function (res) { var tempFilePaths = res.tempFilePaths

that.setData({

tempFilePaths: res.tempFilePaths

})

console.log(res.tempFilePaths)

wx.setStorage({ key: "card", data: tempFilePaths[0] })

}

})

},123456789101112131415161718

2.使用wx.uploadFile將剛才上傳的圖片上傳到服務(wù)器上12

formSubmit2: function (e) {

var that = this

var card = wx.getStorageSync('card')

wx.uploadFile({

url: app.globalData.create_funds,

filePath: card,

name: 'card',

formData: { 'user_id': app.globalData.user_id, 'person': e.detail.value.person, 'company': e.detail.value.company,

},

success: function (res) {

console.log(res)

}

})

}

}

},

二、.net實(shí)現(xiàn)文件上傳到服務(wù)器

1、前端界面十分簡(jiǎn)單，只是放一個(gè)file類型的和一個(gè)按鈕，并且為這個(gè)按鈕添加點(diǎn)擊事件（btnUpLoad_Click），如下圖：

<input id="UpLoad" runat="server" type="file">
</asp:button>

2、后臺(tái)編寫(xiě)上傳按鈕點(diǎn)擊事件UpLoad_Click里的代碼，先大體說(shuō)一下思路：

• 根據(jù)file類型的控件獲得將要上傳文件在本機(jī)的物理路徑；

• 在這個(gè)物理路徑中用截取字符串的方法獲得文件名（第一步中取得的路徑為本機(jī)的絕對(duì)路徑，在服務(wù)器上是無(wú)效的，所以這里只需要獲取文件名）；

• 利用file類型的控件屬性PostedFile的SaveAs()方法將相應(yīng)文件存儲(chǔ)到服務(wù)器中指定的文件夾中。

3、后臺(tái)核心代碼：

protected void btnUpLoad_Click(object sender, EventArgs e)
    {
        //取出所選文件的本地路徑
        string fullFileName = this.UpLoad.PostedFile.FileName;
        //從路徑中截取出文件名
        string fileName = fullFileName.Substring(fullFileName.LastIndexOf() + 1);
        //限定上傳文件的格式
        string type = fullFileName.Substring(fullFileName.LastIndexOf(.) + 1);
        if (type == doc || type == docx || type == xls || type == xlsx || type == ppt || type == pptx || type == pdf || type == jpg || type == bmp || type == gif || type == png || type == txt || type == zip || type == rar)
        {
            //將文件保存在服務(wù)器中根目錄下的files文件夾中
            string saveFileName = Server.MapPath(/files) +  + fileName;
            UpLoad.PostedFile.SaveAs(saveFileName);
            Page.ClientScript.RegisterStartupScript(Page.GetType(), message, <script language='javascript' defer>alert('文件上傳成功！');</script>);
            //向數(shù)據(jù)庫(kù)中存儲(chǔ)相應(yīng)通知的附件的目錄
            BLL.news.InsertAnnexBLL insertAnnex = new BLL.news.InsertAnnexBLL();
            AnnexEntity annex=new AnnexEntity();     //創(chuàng)建附件的實(shí)體
            annex.AnnexName=fileName;               //附件名
            annex.AnnexContent=saveFileName;        //附件的存儲(chǔ)路徑
            annex.NoticeId = noticeId;              //附件所屬“通知”的ID在這里為已知
            insertAnnex.InsertAnnex(annex);         //將實(shí)體存入數(shù)據(jù)庫(kù)（其實(shí)就是講實(shí)體的這些屬性insert到數(shù)據(jù)庫(kù)中的過(guò)程，具體BLL層和DAL層的代碼這里不再多說(shuō)）
        }
        else
        {
            Page.ClientScript.RegisterStartupScript(Page.GetType(), message, <script language='javascript' defer>alert('請(qǐng)選擇正確的格式');</script>);
        }
    }

三、web圖片一般存在后端哪里

web圖片一般存在Java后端。

web前端上傳圖片到Java后端，并保存到本地。一般來(lái)說(shuō)，圖片在后端的存儲(chǔ)方式分為兩種：一，可以將圖片以獨(dú)立文件的形式存儲(chǔ)在服務(wù)器的指定文件夾中，再將路徑存入數(shù)據(jù)庫(kù)字段中，二，將圖片轉(zhuǎn)換成二進(jìn)制流，直接存儲(chǔ)到數(shù)據(jù)庫(kù)的Image類型字段中。

四、如何把做好的前端網(wǎng)頁(yè)上傳到服務(wù)器上，讓別人可以像瀏覽百度、新浪等各大網(wǎng)頁(yè)一樣可以訪問(wèn)得到

= =。首先你要有一個(gè)公網(wǎng)IP的服務(wù)器(重要，否別人無(wú)法直接在網(wǎng)址上訪問(wèn)你的頁(yè)面)

linux 是服務(wù)器，用來(lái)24開(kāi)機(jī)提供服務(wù)。

apache是引擎，用來(lái)提供別人訪問(wèn)你的網(wǎng)址能有東西出來(lái)。

ftp用來(lái)把你寫(xiě)的代碼上傳到linux上面去，有了這一步你的東西才能在服務(wù)器上被別人訪問(wèn)到。

只要遠(yuǎn)程目錄上有你的東西就是上傳成功了，端口默認(rèn)是21

或者你可以上網(wǎng)買一些虛擬主機(jī)，有二級(jí)域名可以穿透，也可以外網(wǎng)訪問(wèn)

以上就是關(guān)于前端上傳圖片到服務(wù)器相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

web前端可以干到多少歲（web前端能干到多少歲）

杭州大的互聯(lián)網(wǎng)公司（杭州大的互聯(lián)網(wǎng)公司wb前端招聘）

前端是做什么工作（前端是干什么工作的）

搜索推薦詞怎么刪除（搜索推薦詞怎么刪除百度）

抖店商家手機(jī)掃碼登錄（抖音小店商家手機(jī)登錄）