angularjs上传图片和文件

很简单:

$scope.upload = function() {
			var f = $scope.myFile;
			var fd = new FormData();
			var img = document.querySelector(‘input[type=file]‘).files[0];
			//var file = [];
			//file.push(f);
			// file.push(img);
			fd.append(‘issueId‘, ‘1‘);
			fd.append(‘file‘, img);
			$http.post(‘/images‘, fd, {
				transformRequest: angular.identity,
				headers: {
					‘Content-Type‘: undefined
				}
			}).success(function (response) {
				debugger;
			}).error(function(response) {
				debugger;
			});
		};

  html

<div class="container" style="boeder: 1px solid #ddd">
                            <input type="file" name="pic" id="pic" emms-file-upload="myFile">
                            <a class="btn btn-primary" ng-click="upload()">upload</a>
                        </div>

directives: 可用可不用

    emmsMobile.directive(‘emmsFileUpload‘, function() {
        return {
            restrict: ‘ACE‘,
            link: function(scope, elem, attr) {
                elem.on(‘change‘, function() {
                    scope.file = this.files[0];
                })
            },
            scope: {
                file: ‘=emmsFileUpload‘
            }
        }
    })
时间: 2024-10-12 13:00:59

angularjs上传图片和文件的相关文章

C# WinForm 上传图片,文件到服务器的方法Uploader.ashx

网上有很多方案,起初用时,因为对asp.net不太了解,觉得FTP实现不错,可是后来发现,如果机器在域控下,就会有问题. 一年过去了,asp.net也熟悉了,知道ajax没事应该用ashx,验证码也用ashx,当然这里要说的WinForm上传也应该是ashx了吧,哈哈,先提供简单思路: 接收文件的asp.net是:Uploader.ashx,相关代码: view plaincopy to clipboardprint? <%@ WebHandler Language="C#" C

angularjs服务json文件实现省市区三级联动

最近刚做完一个项目,其中就有一功能点就是让用户填写信息时下拉选择省市区. 实现这个功能可以选择将全国的省市区数据全部存到数据库中,但是太复杂了,读取速度慢.每次都需要加载且对数据库造成负担,所以较为稳妥且简洁的方式就是将数据放在前端页面中. 其中,可以使用jQuery.angularjs或者将两者结合,本例将采用angularjs读取json文件的方式实现,其中将全部的省市区数据放在json文件中. 由于省市区json文件数据比较多,我们先展示效果,将代码放在后面与大家分享. 在此特别声明, 有

解决selenium自动化上传图片或文件出现windows窗口问题

在实际工作中,会经常遇到上传图片或文件的操作,有的是input标签的,有的是非input标签属性的.他们都有一个共同的特性会出现windows的弹出窗. 下面说下出现windows的弹出窗后怎么解决:总共2个步骤 1,首先点击打开,待出现选择文件的弹出窗后: 2,调用我下面这个函数: 提示:调用此方法需要在打开windows上传文件的系统窗口后再调用 (该方法适用于谷歌驱动) '''实现非input标签上传文件,调用此方法需要打开windows上传文件的系统窗口再调用''' import win

关于Asp.Net Mvc3.0 使用KindEditor4.0 上传图片与文件

http://blog.csdn.net/fyxq14hao/article/details/7245502 今天我们的Asp.Net Mvc 3的项目中,把KindEditor3.9改为 KindEditor4.0 .修改了js文件的引用后,发现还是无法上传图片,最后发现时图片上传中的参数名修改了  从imageUploadJson 改为了uploadJson. <script type="text/javascript">var editor;var options =

Ueditor 1.4.3 单独调用上传图片,或文件功能

第一步, 引入文件 <script src="ueditor/ueditor.config.js" type="text/javascript" charset="utf-8"></script> <script src="ueditor/ueditor.all.min.js" type="text/javascript" charset="utf-8"&g

在.net MVC中异步上传图片或者文件

今天用到了MVC异步上传图片,找了半天写下来以后方便查找异步提交图片需要一个MyAjaxForm.cs             地址http://pan.baidu.com/s/1i3lA693 密码txgp 前台代码 @using (Ajax.BeginForm("AddMessages", "MenuInfo", new AjaxOptions { HttpMethod = "post", OnSuccess = "Successd

二、angularjs上传图片

上传图片需要引入插件ngFileUpload,使用bower安装方法: bower install ng-file-upload --save,安装后需要在命名app的名字js文件中注入,如下所示: (function() { angular.module('app', [ 'ionic','ngStorage','ngFileUpload' ]); })(); 在相应的html中引入文件路径:<script src="lib/ng-file-upload/ng-file-upload.m

android使用wcf接收上传图片视频文件

一.Android 权限配置文件: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.niewei.updatefile" android:versionCode="1" android:versio

上传图片或者文件

以后绝对会用到  使用ajax上传文件或者图片 urls: from django.contrib import admin from django.urls import path from one import views urlpatterns = [ path('admin/', admin.site.urls), path('upload_img/',views.upload_img), #上传图片 path('form_data_upload/',views.form_data_up