`
terry0501
  • 浏览: 314766 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

头像上传-前端

 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache,no-store">
<!-- <script type="text/javascript" src="pages/js/jquery.min.js"></script> -->
<title>测试页面</title>
</head>
<body>

    <br> 上传文件,参数:
    <form id="" name="addAnswerForm" action="user/uploadPic.json"
        method="post" enctype="multipart/form-data">
        time:<input name="time" type="text" size="20" value='2'><br />
        isdebug:<input name="isdebug" type="text" size="20" value='0'><br />
        sign:<input name="sign" type="text" size="20" value='2'><br />
        accountNo:<input name="accountNo" type="text" size="20" value='stone'><br />
        fileName:<input name="fileName" type="text" size="20" value='head.jpg'><br />
        file:<input name="headpic" type="file" size="120"> <br /> <input
            type="submit" onclick="" value="保存" />
    </form>
    <br />

</body>

<script type="text/javascript">
    function testApi(portalName, name, JsonParams) {
        if (!JsonParams) {
            eval("JsonParams=" + $("#" + name).val());
        }
        callApi(portalName, name, JsonParams, function(data) {
            sendMessage(data);
        });
    }

    function callApi(portalName, name, JsonParams) {
        $.ajax({
            url : "tv189/" + portalName + "/" + name,
            type : 'POST',
            async : false,
            data : JsonParams,
            dataType : 'json',
        });
    }
</script>
</html>

分享到:
评论

相关推荐

    头像上传-裁剪-JAVA

    本项目名为“头像上传-裁剪-JAVA”,是基于JAVA实现的一个功能模块,主要涉及到的技术点包括文件上传、图像处理以及前端交互。以下是对这些关键知识点的详细说明: 1. **文件上传**: - 在Java Web中,文件上传...

    头像上传功能前端及后台代码

    基于Hbuilder做的html5app代码,及服务端代码其中weixin文件夹是服务端代码,整个内容包括:头像上传,请求队列等内容,如果读者只需要头像上传请参阅前端代码中的uploadheader.html及服务端中的...

    微服务仿微信聊天项目-前端

    访微信聊天项目实战,用户登录、注册以及第三方微信登录,用户头像上传,添加好友,好友列表,新朋友通知与发现,发送邮箱及反馈,群聊分组,论坛设计,朋友圈发布,登录多个用户登录挤下线,单聊/群聊,前端使用MUI...

    qq头像上传

    总结来说,QQ头像上传涉及到前端的图片选取、预览、裁剪,后端的文件接收、处理、存储,以及整个流程中的安全性保障和用户体验优化。这一功能的实现需要综合运用多种技术,涵盖了Web开发的多个层面。而"QQPro"可能是...

    “唱吧”项目-前端网页版

    开发者需要创建个人资料页面,允许用户查看和编辑他们的信息,如昵称、头像等。此外,还可能包括订单历史、收藏记录等功能。 金币充值功能涉及支付接口的集成,前端需要与第三方支付平台API进行对接,创建安全的...

    CropperUpload最好的头像上传完整-PHP-DEMO.zip

    【标题】"CropperUpload最好的头像上传完整-PHP-DEMO.zip" 涉及的知识点主要集中在图像处理和Web开发领域,尤其是与PHP和前端技术相关的实践应用。这个压缩包提供了一个头像上传的完整示例,下面将详细阐述相关的...

    小程序二期-前端.zip

    可能包括头像上传、昵称设置、账户余额查看、订单历史、收藏、设置等。开发者需要考虑用户体验,确保布局清晰,操作便捷。同时,安全性也是重要的一环,例如,密码修改、登录验证等功能需严谨设计。 2. **知识库...

    cropper头像上传jquery插件

    "cropper头像上传jquery插件"是指使用了名为"Cropper"的JavaScript库,结合jQuery技术,实现的一个专门用于用户头像上传的功能。Cropper是一款强大的图片裁剪工具,它提供了丰富的API和选项,使得在前端进行图片裁剪...

    简单实用的php+amazeui头像上传功能

    在头像上传场景中,AmazeUI可能提供了如按钮、表单、图片预览等元素,使用户能够在前端完成选择和预览头像的操作。 1. **前端部分**: - **文件输入控件**:HTML5的`&lt;input type="file"&gt;`元素用于让用户选择本地的...

    仿新浪微博上传头像功能,头像上传组件,在线头像上传,在线拍摄头像

    总的来说,这个压缩包提供的资源是一个完整的头像上传解决方案,包括了前端的展示、交互以及后端的处理逻辑,同时也考虑到了不同尺寸的头像适配和旧技术(Flash)的兼容性。在实际应用中,开发者需要根据具体需求和...

    头像上传裁剪功能- ECSHOP(附带原版的图像裁剪)

    ECSHOP是一款开源的电子商务...总结来说,ECSHOP的头像上传裁剪功能涉及前端的图片选择和裁剪、后端的图像处理以及数据库操作等多个环节,通过合理的架构设计和安全措施,为用户提供了一个便捷且安全的头像管理体验。

    上传头像前端模板,很简单,下载即用

    这个“上传头像前端模板”提供了一个简洁易用的解决方案,让用户能够方便快捷地上传自己的头像。下面我们将详细探讨相关知识点。 1. HTML 结构: 压缩包中的 `index.html` 文件是网页的主体部分,它通常包含HTML...

    7个头像上传插件 PHP

    PHP作为后端服务器语言,搭配JQuery和JavaScript等前端技术,可以构建出高效、用户友好的头像上传系统。本文将详细讲解如何利用PHP和相关的前端技术实现头像上传功能。 首先,我们要理解头像上传的基本流程:用户...

    vue2实战项目,开箱即用

    ## 功能 ``` - 登录 / 注销 - 权限验证 - 页面权限 - 指令权限 - 权限配置 - 二步登录 ... - 头像上传 - 返回顶部 - 拖拽Dialog - 拖拽Select - 拖拽看板 - 列表拖拽 - SplitPane - Dropzon

    vue实现集合可视化表单管理系统

    功能 ``` - 登录 / 注销 - 权限验证 - 页面权限 - 指令权限 - 权限配置 - 二步登录 ... - 头像上传 - 返回顶部 - 拖拽Dialog - 拖拽Select - 拖拽看板 - 列表拖拽 - SplitPane - Dropzone

    卡通头像小程序前端.zip

    【标题】"卡通头像小程序前端.zip"是一个包含前端代码资源的压缩包,主要用于构建一个卡通头像生成的小程序。这个小程序可能允许用户通过上传个人照片,将其转化为具有卡通风格的头像,以此提供一种有趣的社交头像...

    头像上传(可选择上传区域)

    综上所述,"头像上传(可选择上传区域)"项目涵盖了前端开发中的多个重要知识点,包括文件API的使用、jQuery的交互处理、图像处理和用户界面的优化,是学习和实践Web开发的绝佳案例。通过运行提供的`Default2.aspx`...

    typecho头像上传插件.zip

    《Typecho头像上传插件详解与应用》 在网页社交和博客系统中,用户头像是展示个人形象的重要元素,Typecho作为一个轻量级、简洁的开源博客平台,虽然其功能强大,但在默认设置下并不支持用户自定义头像。为了解决这...

    会员中心上传头像时的,上传图片并剪切

    在会员中心上传头像的过程中,用户通常需要上传个人照片,并对其进行剪切以适应特定的尺寸和比例。这一功能是许多网站和应用中的常见模块,它不仅提升了用户体验,也确保了平台上的用户头像统一规范。以下是对这个...

Global site tag (gtag.js) - Google Analytics