`
huangyongxing310
  • 浏览: 490509 次
  • 性别: 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>
分享到：
| ng-click参数传递
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    多文件上传和展示

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

    Labview FTP上传文件

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

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

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

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

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

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

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

    HttpServletRequestWrapper应用（二）：包装文件上传请求

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

    文件上传下载服务器

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

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

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

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

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

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

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

    Silverlight文件上传源码

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

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

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

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

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

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

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

    动态上传文件遮罩层

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

    javascript+HTML5 多文件上传（插件）多进度条显示

    在多文件上传中，我们可以利用Blob对象的切片功能，将大文件分块上传，以减少服务器压力和提高上传效率。 5. **Progress事件**：HTML5的XMLHttpRequest Level 2规范引入了`progress`事件，可以在文件上传过程中监听...

    okgo网络框架，以及图片文件上传

    而在文件上传方面，它支持多文件上传，可以设置上传参数，如文件名、MIME 类型等，同时处理权限问题，尤其是在 Android 7.0 及以上版本，需要考虑存储权限的变化。 **Android 7.0 权限管理** 从 Android 6.0（API ...

    小程序上传文件.rar

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

Magicbox
Global site tag (gtag.js) - Google Analytics