国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 JS特效 CSS3特效 CSS3實(shí)現(xiàn)的FormData圖片上傳插件

CSS3實(shí)現(xiàn)的FormData圖片上傳插件

CSS3實(shí)現(xiàn)的FormData圖片上傳插件

CSS3實(shí)現(xiàn)的FormData圖片上傳插件

js代碼

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-fileinput.js"></script>
<script type="text/javascript">
    $(function () {
        //比較簡(jiǎn)潔,細(xì)節(jié)可自行完善
        $('#uploadSubmit').click(function () {
            var data = new FormData($('#uploadForm')[0]);
            $.ajax({
                url: 'xxx/xxx',
                type: 'POST',
                data: data,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    console.log(data);
                    if(data.status){
                        console.log('upload success');
                    }else{
                        console.log(data.message);
                    }
                },
                error: function (data) {
                    console.log(data.status);
                }
            });
        });

    })

</script>

這是一款基于Bootstrap和fileinput.js實(shí)現(xiàn)的FormData圖片上傳插件,還可以實(shí)時(shí)預(yù)覽。

免責(zé)聲明

本站所有資源均由網(wǎng)友貢獻(xiàn)或各大下載網(wǎng)站轉(zhuǎn)載。請(qǐng)自行檢查軟件的完整性!本站所有資源僅供學(xué)習(xí)參考。請(qǐng)不要將它們用于商業(yè)目的。否則,一切后果由您負(fù)責(zé)!如有侵權(quán),請(qǐng)聯(lián)系我們刪除。聯(lián)系方式:admin@php.cn

相關(guān)文章

如何使用uniapp框架實(shí)現(xiàn)用戶上傳圖片的自適應(yīng)展示而不拉伸或裁剪? 如何使用uniapp框架實(shí)現(xiàn)用戶上傳圖片的自適應(yīng)展示而不拉伸或裁剪?

05 Apr 2025

如何在不拉伸不裁剪的情況下顯示用戶上傳的圖片?在開發(fā)類似小紅書的模塊時(shí),我們常常會(huì)遇到用戶上傳圖片...

CSS3 `transition: all` 是否比針對(duì)特定屬性的效率低? CSS3 `transition: all` 是否比針對(duì)特定屬性的效率低?

07 Dec 2024

CSS3 過渡:“transition: all”比針對(duì)特定屬性的效率低嗎?使用 CSS3 過渡時(shí),...

如何在沒有硬編碼值的情況下創(chuàng)建響應(yīng)式 CSS3 選取框效果? 如何在沒有硬編碼值的情況下創(chuàng)建響應(yīng)式 CSS3 選取框效果?

06 Dec 2024

CSS3 中的選取框效果:避免文本適應(yīng)的特定值在 CSS3 動(dòng)畫中,通常需要?jiǎng)?chuàng)建選取框效果,其中文本...

為什么我的 CSS3 動(dòng)畫在 Safari 中不起作用? 為什么我的 CSS3 動(dòng)畫在 Safari 中不起作用?

14 Dec 2024

Safari 中 CSS3 動(dòng)畫失效您遇到了 CSS3 動(dòng)畫在 Safari 中無效的問題。盡管該動(dòng)畫在支持 CSS3...

如何創(chuàng)建具有自適應(yīng)文本長(zhǎng)度的動(dòng)態(tài) CSS 選取框? 如何創(chuàng)建具有自適應(yīng)文本長(zhǎng)度的動(dòng)態(tài) CSS 選取框?

07 Dec 2024

如何創(chuàng)建具有自適應(yīng)文本長(zhǎng)度的動(dòng)態(tài)選取框效果在 CSS3 中,實(shí)現(xiàn)選取框效果需要?jiǎng)赢?,但使用特定?..

如何僅使用 CSS3 變換創(chuàng)建懸停圖像縮放效果? 如何僅使用 CSS3 變換創(chuàng)建懸停圖像縮放效果?

28 Nov 2024

使用 CSS3 Transform 對(duì)懸停的 CSS 圖像縮放效果使用 CSS3 的...

如何在 CSS3 中實(shí)現(xiàn)淡出效果:關(guān)鍵幀動(dòng)畫與過渡? 如何在 CSS3 中實(shí)現(xiàn)淡出效果:關(guān)鍵幀動(dòng)畫與過渡?

27 Oct 2024

CSS3 過渡 - 淡出效果在 CSS3 中,可以通過使用關(guān)鍵幀動(dòng)畫來實(shí)現(xiàn)淡出效果。然而,這是...

如何在 CSS3 中選擇類名以特定字符串開頭的元素? 如何在 CSS3 中選擇類名以特定字符串開頭的元素?

13 Nov 2024

使用 CSS3 將元素與以特定字符串開頭的類名匹配是否可以基于...有效地選擇多個(gè)元素

為什么我使用 CSS3 @keyframes 的上滑動(dòng)畫不起作用? 為什么我使用 CSS3 @keyframes 的上滑動(dòng)畫不起作用?

28 Oct 2024

CSS3 過渡 - 淡出效果使用 CSS3,您可以輕松實(shí)現(xiàn)淡出效果以增強(qiáng)用戶體驗(yàn)。然而,如果你遇到...

See all articles See all articles

熱工具

CSS文字組合成心形動(dòng)畫特效

CSS文字組合成心形動(dòng)畫特效

CSS文字組合成心形動(dòng)畫特效

CSS3 SVG表白鮮花動(dòng)畫特效

CSS3 SVG表白鮮花動(dòng)畫特效

SS3 SVG表白鮮花動(dòng)畫特效是一款情人節(jié)動(dòng)畫特效。

CSS的商城網(wǎng)站常用左側(cè)分類下拉導(dǎo)航菜單代碼

CSS的商城網(wǎng)站常用左側(cè)分類下拉導(dǎo)航菜單代碼

CSS的商城網(wǎng)站常用左側(cè)分類下拉導(dǎo)航菜單代碼

jQuery+CSS3情人節(jié)愛心特效

jQuery+CSS3情人節(jié)愛心特效

jQuery+CSS3情人節(jié)愛心特效是一款情人節(jié)懸掛擺動(dòng)愛心動(dòng)畫特效。

css3湯勺撈起湯圓動(dòng)畫特效

css3湯勺撈起湯圓動(dòng)畫特效

一碗可愛的湯圓表情,湯勺撈起一個(gè)湯圓動(dòng)畫特效