`
huangyongxing310
  • 浏览: 494447 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

上传文件内容改变和上传文件

 
阅读更多
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="angular.min.js"></script>
    <script src="jquery.min.js"></script>
</head>
<body ng-app="myApp">

<div ng-controller="myController">
    <input type="file" id="mainPic"
           onchange="angular.element(this).scope().menuPicChanged(this.id)">
</div>

</body>

<script>
    var app = angular.module('myApp', []);
    app.controller('myController', function ($scope,$http) {
        $scope.aa = "123456";

        $scope.menuPicChanged = function (id) {
            console.log("menuPicChanged-----------------------------");
            console.log('id == ' + id);

            var file = $("#" + id)[0].files[0];
            console.log('file == ' + file);

            var fd = new FormData();
            fd.append('file', file);
            fd.append('menuId', $scope.aa);
            $http({
                method: 'POST',
                url: "http://119.23.313.212:80/common/CookerRecipeManngeController/mainPicSave",
                data: fd,
                headers: {'Content-Type': undefined},
                transformRequest: angular.identity
            }).then(function successCallback(response) {
                alert("保存成功!")
            }, function errorCallback(response) {
                alert("url 请求数据错误!")
            });
        };
    });
</script>
</html>
分享到:
评论

相关推荐

    java实现上传文件类型检测过程解析

    "Java 实现上传文件类型检测过程解析" Java 实现上传文件类型检测过程解析是指在进行文件上传时,对上传文件的格式进行控制,以防止黑客将病毒脚本上传。单纯的将文件名的类型进行截取的方式非常容易遭到破解,...

    多文件上传和展示

    4. **自定义样式**:Bootstrap-fileinput允许你自定义上传按钮的外观,你可以通过设置`browseLabel`和`browseClass`等属性来改变按钮的文字和样式。 5. **处理上传**:你可以监听`filebatchselected`事件来在用户...

    使用layui实现多文件列表上传

    2. **预览功能**:layui提供了一种在选择文件后立即预览文件内容的机制,这对于图片或文档预览尤其有用。这通常通过HTML5的FileReader接口实现,读取文件内容并显示在页面上。 3. **多文件选择**:HTML5的`...

    ExtJS验证上传文件类型

    ExtJS 验证上传文件类型 ExtJS 中实现文件上传功能是非常方便的,但对于新手来说,控制文件上传类型是一个难题。例如,我们只想让用户上传特定的文件类型,例如txt文件,那么如何实现当用户上传非txt文件时,给出...

    Labview FTP上传文件

    Labview FTP上传文件是利用Labview(Laboratory Virtual Instrument Engineering Workbench)这一强大的图形化编程环境,通过FTP(File Transfer Protocol)协议实现文件的远程传输。FTP是一种标准网络协议,用于在...

    bootstrap 文件上传组件 fileinput 实现文件批量上传

    Bootstrap文件上传组件FileInput是一...通过上述内容,你应该对Bootstrap File Input组件有了全面的认识,能够轻松实现文件批量上传的功能。实践中,根据具体项目需求调整配置,就能打造出用户体验优秀的文件上传功能。

    文件上传+自定义上传文本框

    同时,设定上传文件大小上限,防止DDoS攻击。 七、错误处理 良好的错误处理机制能够及时反馈问题,帮助用户解决问题。例如,文件过大、文件类型不支持、网络中断等情况下的错误提示。 八、跨域上传 如果服务器和...

    HttpServletRequestWrapper应用(二):包装文件上传请求

    在Java Web开发中,`HttpServletRequestWrapper`是一个非常重要的工具,它...通过创建自定义的`HttpServletRequestWrapper`子类并覆盖相应方法,我们可以更加精细地控制文件上传的过程,提高应用程序的安全性和灵活性。

    文件上传下载服务器

    文件上传下载服务器是一种重要的网络服务,它为用户提供了一个方便、高效的方式来交换文件,特别是对于教育机构,如学校,教师可以利用这种服务收发作业、试卷等教学材料。在这个场景下,教师无需通过邮件或者传统的...

    EasyUI filebox空间上传文件操作说明

    ### EasyUI filebox空间上传文件操作说明 #### 一、概述 本文主要针对在使用EasyUI框架中的`filebox`控件时所遇到的问题及解决方案进行了详细的阐述。特别是在结合AjaxFileUpload包的情况下,如何实现文件的异步...

    java 监听本地文件自动上传服务器

    在上述代码中,我们创建了一个POST请求,并将文件内容作为数据流发送到服务器。确保服务器端能够正确解析这种类型的请求,例如通过处理multipart/form-data的HTTP请求。 结合这两个知识点,当文件夹中的文件发生...

    element-ui+vue单文件上传和 多文件批量上传(多文件走一次接口).pdf

    对于单文件上传,我们可以直接使用`el-upload`组件,设置`limit`属性限制只能选择一个文件,`on-change`事件处理文件改变: ```html action="http://your-api-url.com/upload" :limit="1" :on-change=...

    Silverlight文件上传源码

    Silverlight上传工具支持多文件上传,上传之前预览图片窗口可以调整图片大小,独立进度和整体进度显示,快速上传,ASP.NET服务器控件,并且可以非常灵活的改变程序根据自己的需求。 不同于其他上传控件 .速度非常快...

    文件上传 (服务端+客户端)

    在Android开发中,如果涉及原生应用的文件上传,可能会用到`Intent`来打开文件选择器,然后使用HTTP库如OkHttp或者Retrofit将文件内容发送到指定的URL。 在服务端,通常使用Servlet技术处理文件上传请求。Servlet是...

    thinkcmf 上传视图文件管理

    4. **权限控制**:考虑到安全性,插件可能还包含了对上传文件的访问权限控制,确保只有授权用户才能查看或下载特定文件。 5. **资源版本管理**:对于需要更新的文件,插件可能会保存多个版本,方便回滚到之前的版本...

    小程序上传文件.rar

    这个名为"小程序上传文件.rar"的压缩包包含了实现这一功能的源代码,适用于学习和参考。以下是该压缩包中涉及的主要知识点: 1. **微信小程序框架**:微信小程序是一种轻量级的应用开发框架,由腾讯推出,它提供了...

    css自定义文件上传按钮样式

    在网页设计中,为了提供更好的用户体验,我们常常需要对文件上传功能进行自定义,使其更加美观和符合网站的整体风格。CSS(Cascading Style Sheets)是实现这一目标的关键工具,它允许我们控制HTML元素的样式,包括...

    能【上传文件】、【修改属性】、【文件改名】、【编辑文件】、【新建文件】、【新建目录】。 ·【批量删除文件和目录】、【批量修改文件和目录属性】

    在操作时需注意保持文件内容的不变性,仅仅改变其名称。 【编辑文件】涵盖了文本编辑、图像处理、代码修改等多种情况。对于文本文件,可以使用文本编辑器进行内容修改;对于程序代码,需要使用相应的编程环境或IDE...

    动态上传文件遮罩层

    在IT行业中,动态上传文件和遮罩层是前端开发中常见的功能需求,尤其在交互体验设计上占有重要地位。本文将详细阐述“动态上传文件遮罩层”这一主题,包括其概念、实现原理以及js插件的应用。 首先,动态上传文件指...

Global site tag (gtag.js) - Google Analytics